/* =========================================================== */ /* Script Execution List /* =========================================================== */ // |- 00.Settings // |- 01.Smooth Scroll // |- 02.Rollover Script // |- 03.Fixation Header // |- 04.Tooltip Type Balloon // |- 05.Tooltip Type Content // |- 06.Tab Changer // |- 07.Search Input Effect // |- 08.Side Floating Navigation // |- 09.Navigation Highlight // |- 10.Footer Accordion // |- 11.Header Accordion // |- 12.LocalNav // ¶¶ÒõÊÓÆµ Window Object Loaded // |- *00.Settings // |- *01.Accordion // |- *02.Colorbox // |- *03.Tab Viewer // |- *04.Carousels // |- *05.Hash Scroll (+Tab Block) // |- *06.Excerpt Roll Up Layer // |- *07.Mega Menu // |- *08.KeyVisual Print Dummy Background // |- 99.IE7,IE8 png Bug Fix /* =========================================================== */ /* end Script Execution List /* =========================================================== */ $dg(function ($) { /* 00.Settings ---------------------------------------------------------------- */ var $PageHash = location.hash; var $dgCurrentPath = location.pathname.split('/'); var $dgCurrentFolder = $dgCurrentPath[1]; var $dgWindow = $(window); var $dgHtml = $('html'); var $dgBody = $('body'); var $dgHeaderWrap = $('#HeaderWrap'); var $dgSearchWrap = $('#SearchWrap'); var $dgGlobalNavWrap = $('#GlobalNavWrap'); var $dgGlobalNavArea = $('#GlobalNavArea'); var $dgHeaderHeight = $dgHeaderWrap.height() + $dgGlobalNavWrap.height(); var $dgShowClass = 'is-Show'; var $dgHoverClass = 'is-Hover'; var $dgCurrentClass = 'is-Current'; var $dgRollOverSuffix = '_on'; var $dgConstrainHeaderCheck = true; if ($dgBody.hasClass('is-Constrain')) { $dgConstrainHeaderCheck = false; } var $dgFooterWrap = $('#FooterWrap'); /* end Settings ---------------------------------------------------------------- */ /* 01.Smooth Scroll ---------------------------------------------------------------- */ $('area[href^=#],a[href^=#]').click(function (e) { e.preventDefault(); var hash = this.hash; var TargetTop = 0; hash = hash.replace(/^#/, ''); if ($('#' + hash).length) { var Target = $(hash == 'HeaderWrap' ? 'body' : '#' + hash); if (Target.size()) { TargetTop = Target.offset().top; } } else if ($('a[name=' + hash + ']').length) { TargetTop = $('a[name=' + hash + ']').offset().top; } else { TargetTop = $('body').offset().top; } if ($dgBody.hasClass('set-responsiveWebDesign') && $dgWindow.width() < 961) { var getHeight = 0; } else { var getHeight = $dgHeaderWrap.height() + $dgGlobalNavWrap.height(); } if (TargetTop > 0) { TargetTop = TargetTop - getHeight; } $('html, body').stop(false, false).animate({scrollTop: TargetTop}, 1200, 'easeInOutQuart'); return false; }); /* end Smooth Scroll ---------------------------------------------------------------- */ /* 02.Rollover Script ---------------------------------------------------------------- */ $($dgHoverClass).each(function () { var $Classes = $(this).attr("class"); if ($Classes.indexOf("png") == -1) { var $ImgOut = $(this).attr("src"); var $ImgOver = $ImgOut.replace(' gif', $dgRollOverSuffix + ' gif').replace(' jpg', $dgRollOverSuffix + ' jpg').replace(' png', $dgRollOverSuffix + ' png'); $(this).hover( function () { $(this).attr("src", $ImgOver); }, function () { $(this).attr("src", $ImgOut); } ); } }); /* end Rollover Script ---------------------------------------------------------------- */ /* 03.Fixation Header ---------------------------------------------------------------- */ if ($dgConstrainHeaderCheck) { $('#HeaderWrap,#SearchWrap,#GlobalNavWrap').wrapAll('
'); var dgHeaderFunction = { HeaderShrinking: $('#HeaderShrinking') , SearchArea: $('#SearchArea') , HeaderHeightDefault: $('#HeaderShrinking').height() , PageTop: $('#Pagetop') , PagetopAppChk: $('#main').length , HeaderSubstitution: '' , OpenCloseButton: $('.Search a', $dgHeaderWrap) , SearchWrapHeight: $dgSearchWrap.height() , SearchObjectStates: 0 , ScrollCheck: 0 , init: function () { dgHeaderFunction.HeaderShrinking.css('width', '100%'); dgHeaderFunction.HeaderShrinking.after('
'); dgHeaderFunction.HeaderSubstitution = $('#HeaderSubstitution'); dgHeaderFunction.HeaderSubstitution.css({ 'display': 'none', 'height': dgHeaderFunction.HeaderHeightDefault + 'px' }); $dgSearchWrap.css('height', '0'); $('img', dgHeaderFunction.PageTop).each(function () { if ($(this).hasClass('Pagetop-showSp')) return false; var $Classes = $(this).attr("class"); if ($Classes.indexOf("png") == -1) { var $ImgOut = $(this).attr("src"); var $ImgOver = $ImgOut.replace(' gif', $dgRollOverSuffix + ' gif').replace(' jpg', $dgRollOverSuffix + ' jpg').replace(' png', $dgRollOverSuffix + ' png'); $(this).hover( function () { $(this).attr("src", $ImgOver); }, function () { $(this).attr("src", $ImgOut); } ); } }); dgHeaderFunction.PageTop.hide(); if ($dgSafariCheck() == 'safari') dgHeaderFunction.PageTop.css('right', '15px'); dgHeaderFunction.HeaderShrinking.css('position', 'fixed'); dgHeaderFunction.HeaderSubstitution.css('display', 'block'); $dgWindow.scroll(function () { var OpenCloseCheck = $dgSearchWrap.hasClass($dgShowClass); if ($dgWindow.scrollTop() > 0) { // Pagetop if (!dgHeaderFunction.PagetopAppChk) { dgHeaderFunction.PageTop.show().stop(true, false).animate({ opacity: '1' }, 300); } } else { // Pagetop if (!dgHeaderFunction.PagetopAppChk) { dgHeaderFunction.PageTop.stop(true, false).animate({ opacity: '0' }, 300, function () { dgHeaderFunction.PageTop.hide(); }); } } if ($dgWindow.scrollTop() > dgHeaderFunction.HeaderHeightDefault) { if (dgHeaderFunction.ScrollCheck == 0) { $dgGlobalNavWrap.stop(true, false).animate({ backgroundColor: 'rgba(0, 0, 0, 0.9)' }, 300); dgHeaderFunction.ScrollCheck = 1; } } else { if (dgHeaderFunction.ScrollCheck == 1) { $dgGlobalNavWrap.stop(true, false).animate({ backgroundColor: 'rgba(0, 0, 0, 1)' }, 300); dgHeaderFunction.ScrollCheck = 0; } } }); dgHeaderFunction.OpenCloseButton.attr('href', ''); dgHeaderFunction.OpenCloseButton.click(function (e) { e.preventDefault(); var OpenCloseCheck = $dgSearchWrap.hasClass($dgShowClass); var SearchWrapHeightLocal = 0; if (OpenCloseCheck) { SearchWrapHeightLocal = 0; } else { $dgSearchWrap.addClass($dgShowClass); SearchWrapHeightLocal = dgHeaderFunction.SearchWrapHeight; } if (dgHeaderFunction.SearchObjectStates == 0) { dgHeaderFunction.SearchObjectStates = 1; $dgSearchWrap.animate({ height: SearchWrapHeightLocal + 'px' }, 300, function () { if (SearchWrapHeightLocal < dgHeaderFunction.SearchWrapHeight) { $dgSearchWrap.removeClass($dgShowClass); } $('.InputTxt input', dgHeaderFunction.SearchArea).focus(); dgHeaderFunction.SearchObjectStates = 0; $dgHeaderHeight = dgHeaderFunction.HeaderShrinking.height();// Header Height }); var ShadowHeight = dgHeaderFunction.HeaderHeightDefault + SearchWrapHeightLocal; dgHeaderFunction.HeaderSubstitution.animate({ height: ShadowHeight + 'px' }, 300); } return false; }); $('.closeButton a').click(function () { dgHeaderFunction.SearchObjectStates = 1; $dgSearchWrap.animate({ height: '0' }, 300, function () { $dgSearchWrap.removeClass($dgShowClass); dgHeaderFunction.SearchObjectStates = 0; }); dgHeaderFunction.HeaderSubstitution.animate({ height: dgHeaderFunction.HeaderHeightDefault + 'px' }, 300); return false; }); } }; dgHeaderFunction.init(); } else { $('#Pagetop').hide(); } /* end Fixation Header ---------------------------------------------------------------- */ /* 04.Tooltip Type Balloon ---------------------------------------------------------------- */ var $TooltipTypeBalloon = $('.Tooltip--TypeBalloon'); if ($TooltipTypeBalloon.length) { var TooltipTypeBalloonFunction = { ToolTipsBalloonLi: $('ul li', $TooltipTypeBalloon) , ToolTipsContent: $('.Tooltip__Content', $TooltipTypeBalloon) , init: function () { $('a[href^=#]', TooltipTypeBalloonFunction.ToolTipsBalloonLi).unbind().click(function (e) { e.preventDefault(); return false; }); TooltipTypeBalloonFunction.ToolTipsBalloonLi.bind({ 'mouseenter': function () { TooltipTypeBalloonFunction.ToolTipsIndex = TooltipTypeBalloonFunction.ToolTipsBalloonLi.index(this); TooltipTypeBalloonFunction.ToolTipsContent.removeClass('is-Show'); TooltipTypeBalloonFunction.ToolTipsContent.eq(TooltipTypeBalloonFunction.ToolTipsIndex).addClass('is-Show'); }, 'mouseleave': function () { TooltipTypeBalloonFunction.ToolTipsContent.removeClass('is-Show'); } }); } }; TooltipTypeBalloonFunction.init(); } /* end Tooltip Type Balloon ---------------------------------------------------------------- */ /* 05.Tooltip Type Content ---------------------------------------------------------------- */ var $dgTooltipTypeContent = $('.Tooltip--TypeContent'); if ($dgTooltipTypeContent.length) { var TooltipTypeContentFunction = { ToolTipsImageLi: $('.Tooltip__Image ul li') , ToolTipsContent: $('.Tooltip__Content') , init: function () { $('a[href^=#]', TooltipTypeContentFunction.ToolTipsImageLi).unbind().click(function (e) { e.preventDefault(); return false; }); $('.Tooltip__Image', $dgTooltipTypeContent).css('paddingBottom', '83px'); TooltipTypeContentFunction.ToolTipsImageLi.bind({ 'mouseenter': function () { TooltipTypeContentFunction.ToolTipsIndex = TooltipTypeContentFunction.ToolTipsImageLi.index(this); TooltipTypeContentFunction.ToolTipsContent.removeClass('is-Show'); if (TooltipTypeContentFunction.ToolTipsIndex > 2) { $('.Tooltip__Image', $dgTooltipTypeContent).css('paddingBottom', '0'); TooltipTypeContentFunction.ToolTipsContent.eq(TooltipTypeContentFunction.ToolTipsIndex).addClass('is-Show'); } else { TooltipTypeContentFunction.ToolTipsContent.eq(TooltipTypeContentFunction.ToolTipsIndex).addClass('is-Show').css({ 'position': 'absolute', 'bottom': '410px', 'left': '0' }); } }, 'mouseleave': function () { $('.Tooltip__Image', $dgTooltipTypeContent).css('paddingBottom', '83px'); TooltipTypeContentFunction.ToolTipsContent.removeClass('is-Show'); } }); } }; TooltipTypeContentFunction.init(); } /* end Tooltip Type Content ---------------------------------------------------------------- */ /* 06.Tab Changer ---------------------------------------------------------------- */ if ($('.js-TabBlock').length) { var dgTabChange = { hash: location.hash , TargetTabBlock: [] , TabLength: [] , init: function () { var jsTabBlock = $('.js-TabBlock'); var TabNavLength = jsTabBlock.length; for (var i = 0; i < TabNavLength; i++) { dgTabChange.TargetTabBlock[i] = jsTabBlock.eq(i); dgTabChange.TabLength[i] = $('ul.TabNav--Top li', dgTabChange.TargetTabBlock[i]).length; $('ul.TabNav--Top li a', dgTabChange.TargetTabBlock[i]).click(function (e) { e.preventDefault(); $(this).closest('div').children('ul.TabNav').children('li').removeClass('is-Selected'); $(this).closest('div').children('.Tab__Content').removeClass('is-Show'); var ThisIndex = $(this).closest('div').children('ul.TabNav--Top').children('li').children('a').index(this); $(this).closest('div').children('ul.TabNav--Top').children('li').eq(ThisIndex).addClass('is-Selected'); $(this).closest('div').children('.Tab__Content').eq(ThisIndex).addClass('is-Show'); $(this).closest('div').children('ul.TabNav--Btm').children('li').eq(ThisIndex).addClass('is-Selected'); return false; }); $('ul.TabNav--Btm li a', dgTabChange.TargetTabBlock[i]).click(function (e) { e.preventDefault(); $(this).closest('div').children('ul.TabNav').children('li').removeClass('is-Selected'); $(this).closest('div').children('.Tab__Content').removeClass('is-Show'); var ThisIndex = $(this).closest('div').children('ul.TabNav--Btm').children('li').children('a').index(this); $(this).closest('div').children('ul.TabNav--Top').children('li').eq(ThisIndex).addClass('is-Selected'); $(this).closest('div').children('.Tab__Content').eq(ThisIndex).addClass('is-Show'); $(this).closest('div').children('ul.TabNav--Btm').children('li').eq(ThisIndex).addClass('is-Selected'); dgTabChange.ScrollHead($(this).attr('href')); return false; }) } } , ScrollHead: function (e) { var TargetTop = 0; var hash = e.replace(/^\?/, ""); if ($('#' + hash).length) { var Target = $(hash == 'HeaderWrap' ? 'body' : '#' + hash); if (Target.size()) { TargetTop = Target.offset().top; } } else { TargetTop = $('body').offset().top; } if (TargetTop > 0) { TargetTop = TargetTop - $dgHeaderHeight; } $('html, body').stop(false, false).animate({scrollTop: TargetTop}, 800, 'easeInOutQuart'); } }; dgTabChange.init(); } /* end Tab Changer ---------------------------------------------------------------- */ /* 07.Search Input Effect ---------------------------------------------------------------- */ if ($dgBrowserUA.IE) { $('[placeholder]').each(function () { var $this = $(this), $form = $this.closest('form'), placeholderText = $this.attr('placeholder'); $(this).attr('placeholder', ''); $this.after('' + placeholderText + ''); $this.bind({ blur: function () { if ($this.val() === '') { $this.next('.PlaceHolder').show(); } }, keyup: function () { if ($this.val() != '') { $this.next('.PlaceHolder').hide(); } } }); $this.next('.PlaceHolder').show(); }); } /* end Search Input Effect ---------------------------------------------------------------- */ /* 08.Side Floating Navigation ---------------------------------------------------------------- */ var $SlideMenu = $('.SlideMenu'); if ($SlideMenu.length) { $SlideMenu.hide(); var dgSlideMenuNavigation = { ContentsWrap: $('#ContentsWrap') , WidthLimitMax: 0 , WidthLimitMin: 960 + $SlideMenu.width() * 2 , SidePos: 0 , init: function () { dgSlideMenuNavigation.SidePos = 0; var WindowWidth = $dgWindow.width(); if (WindowWidth < dgSlideMenuNavigation.WidthLimitMin) { dgSlideMenuNavigation.SidePos = WindowWidth - dgSlideMenuNavigation.WidthLimitMin; } else if (dgSlideMenuNavigation.WidthLimitMax > 0 && dgSlideMenuNavigation.WidthLimitMax < WindowWidth) { dgSlideMenuNavigation.SidePos = (WindowWidth - dgSlideMenuNavigation.WidthLimitMax) / 2; } $SlideMenu.css('left', dgSlideMenuNavigation.SidePos + 'px'); var HasClassCheck = $SlideMenu.hasClass($dgShowClass); if (HasClassCheck) { $SlideMenu.removeClass($dgShowClass); } $(window).resize(function () { var WindowWidth = $dgWindow.width(); dgSlideMenuNavigation.SidePos = 0; if (WindowWidth < dgSlideMenuNavigation.WidthLimitMin) { dgSlideMenuNavigation.SidePos = WindowWidth - dgSlideMenuNavigation.WidthLimitMin; } else if (dgSlideMenuNavigation.WidthLimitMax > 0 && dgSlideMenuNavigation.WidthLimitMax < $dgWindow.width()) { dgSlideMenuNavigation.SidePos = (WindowWidth - dgSlideMenuNavigation.WidthLimitMax) / 2; } $SlideMenu.css('left', dgSlideMenuNavigation.SidePos + 'px'); }); $('dl', $SlideMenu).show(); $SlideMenu.fadeIn(); $SlideMenu.crossTypeScroll({ targetHeight: 600, heightMargin: 100, wrap: $('#ContentsInner'), offsetTop: 100 }); $('p a', $SlideMenu).unbind().toggle(function (e) { e.preventDefault(); $('dl', $SlideMenu).show(); dgSlideMenuNavigation.ClickFunction(); return false; }, function (e) { e.preventDefault(); dgSlideMenuNavigation.CloseFunction(); return false; }); }, ClickFunction: function () { if (!$SlideMenu.hasClass($dgShowClass)) $SlideMenu.addClass($dgShowClass); $SlideMenu.stop(true, true).animate({ 'width': '339px' }, 200); }, CloseFunction: function () { if ($SlideMenu.hasClass($dgShowClass)) $SlideMenu.removeClass($dgShowClass); $SlideMenu.stop(true, true).animate({ 'width': '39px' }, 50); } }; dgSlideMenuNavigation.init(); } /* end Side Floating Navigation ---------------------------------------------------------------- */ /* *09.Navigation Highlight ---------------------------------------------------------------- */ initHighlightNav = function (obj) { $dgWindow.setNavHighlight({ localNavId: '.js-HighlightLocalNav', localNavPrefix: 'LocalNav__', currentClassName: $dgCurrentClass, localNav: (!obj.localNav) ? '' : obj.localNav }); }//initHighlightLocalNav /* end Navigation Highlight ---------------------------------------------------------------- */ /* 10.Footer Accordion ---------------------------------------------------------------- */ var setFooterAccordion = false; var initFooterAccordion = function () { $dgFooterWrap.find('.SiteNav__Body__Inner dt').on('click.footerNav', function (e) { e.preventDefault(); $(this).toggleClass($dgShowClass).next('dd').slideToggle(); return false; }); } $(window).on('load resize', function (e) { if ($dgBody.hasClass('set-responsiveWebDesign') && $dgWindow.width() < 961) { if (!setFooterAccordion) initFooterAccordion(); setFooterAccordion = true; } else { $dgFooterWrap.find('.SiteNav__Body__Inner dt').off('click.footerNav'); setFooterAccordion = false; } }); /* end 10 ---------------------------------------------------------------- */ /* 11.Header Accordion ---------------------------------------------------------------- */ if ($dgBody.hasClass('set-responsiveWebDesign')) { var initHeaderAccordion = function () { $('#GlobalNavWrapSp').find('.is-Show').removeClass($dgShowClass).next('dd').slideUp(); } $(window).resize(function (e) { $('#GlobalNavWrapSp').css({ 'height': $(window).height() - $('#HeaderWrap').height() }); $('#HeaderSubstitution').css({ 'height': $('#HeaderShrinking').height() }); return false; }); $('#GlobalNavBtn').click(function (e) { e.preventDefault(); if ($(this).hasClass($dgShowClass)) { initHeaderAccordion(); } $(this).toggleClass($dgShowClass).next('dd').slideToggle(); $('body').toggleClass('header-open'); $('#GlobalNavWrapSp').toggleClass($dgShowClass).css({ 'height': $(window).height() - $('#HeaderWrap').height() }); if ($('body').hasClass('localnav-open')) { closeLocalNav(); } return false; }); $('#GlobalNavWrapSp').find('dt').click(function (e) { e.preventDefault(); $(this).toggleClass($dgShowClass).next('dd').slideToggle(); return false; }); var setHeaderCurrentSp = function () { $GlobalNav = $('#GlobalNavWrapSp'); $GlobalNavSecond = $GlobalNav.find('a[href^="/' + location.pathname.split("/")[1] + '"]').parent(); target = $GlobalNavSecond.find('a[href^="/' + location.pathname.split("/")[1] + '/' + location.pathname.split("/")[2] + '"]').parent(); target.addClass('is-Current').parents('dd').prev().addClass('is-Current'); } setHeaderCurrentSp(); var globalNavCurrentSp = function(){ var path = location.pathname; var $nav = $('#GlobalNavWrapSp ul a'); var domain = '' if(path !== '/'){ $nav.each(function(){ if($(this).attr('href').match(domain)){ var href = $(this).attr('href'); if(path.match(href)){ if($(this).parent('li').index() === 0){ $(this) .parents('dd').prev('dt').addClass('is-Current'); }else{ $(this) .parent('li').addClass('is-Current') .parents('dd').prev('dt').addClass('is-Current'); } } } }); } } globalNavCurrentSp(); } /* end 11 ---------------------------------------------------------------- */ /* 12.LocalNav ---------------------------------------------------------------- */ var _scrollTop = $(window).scrollTop(); var initLocalNav = function () { var html, tmp; tmp = $('.Widget--LocalNav').clone().removeClass('Widget'); html = '
'; $('#GlobalNavWrapSp').after(html); $('#LocalNavAreaSp').append(tmp); $('#LocalNavWrapSp .Widget--LocalNav').prepend('
Menu
'); $('#LocalNavWrapSp .LocalNav').prepend('
  • ' + $('#LocalNavWrapSp .Widget__Title').html() + '
  • '); $('#LocalNavWrapSp .LocalNav').find('ul').parent().addClass('local-accordion').children('a').addClass('local-accordionBtn'); // Event $('#LocalNavWrapSp .Widget__Title').on('click', function () { if ($('body').hasClass('localnav-open')) { closeLocalNav(); } return false; }); $('#LocalNavWrapSp .local-accordionBtn i').on('click', function () { $(this).parent().toggleClass($dgShowClass).next('ul').slideToggle(); return false; }); $('#LocalNavWrapSp #LocallNavBtn').on('click', function () { if (!$('body').hasClass('localnav-open')) { _scrollTop = $(window).scrollTop(); } // is-Fixed if ($('#LocalNavAreaSp').hasClass('is-Fixed')) { var setHeight = $(window).height() - $('#LocalNavAreaSp .Widget__Title').height(); $('body').toggleClass('localnav-open'); $('html').addClass('localnav-open').addClass('hide-header'); } else { var setHeight = $(window).height() - $('#HeaderWrap').height() - $('#LocalNavAreaSp .Widget__Title').outerHeight(); $('body').toggleClass('localnav-open').toggleClass('show-header'); $('html').addClass('localnav-open'); } if ($('#LocalNavWrapSp').hasClass($dgShowClass)) { // Remeve Class and Reset height closeLocalNav(); } else { // Add Class and Set height openLocalNav(setHeight); } return false; }); setLocalNavScroll(); $(window).resize(function (e) { if (!$('body').hasClass('localnav-open')) { var setHeight = ''; } else if ($('#LocalNavAreaSp').hasClass('is-Fixed')) { var setHeight = $(window).height() - $('#LocalNavAreaSp .Widget__Title').height(); } else { var setHeight = $(window).height() - $('#HeaderWrap').height() - $('#LocalNavAreaSp .Widget__Title').outerHeight(); } $('#LocalNavWrapSp').css({ 'height': $('#LocalNavWrapSp .Widget__Title').outerHeight() }); $('#LocalNavWrapSp .Widget__Body').css({ 'height': setHeight }); return false; }); } var openLocalNav = function (setHeight) { $('#LocalNavWrapSp .Widget__Body').addClass($dgShowClass).css({ 'height': setHeight }); $('#LocalNavWrapSp').addClass($dgShowClass); $(window).off('scroll.localnav-scroll'); }; var closeLocalNav = function () { $('#LocalNavWrapSp .Widget__Body').removeClass($dgShowClass).css({ 'height': $('#LocalNavWrapSp .Widget--LocalNav').height() }); $('#LocalNavWrapSp').removeClass($dgShowClass).css({ 'height': $('#LocalNavWrapSp .Widget--LocalNav').height() }); setLocalNavScroll(); $('html').removeClass('localnav-open').removeClass('hide-header'); $('body').removeClass('localnav-open').removeClass('show-header'); $(window).scrollTop(_scrollTop); _scrollTop = 0; }; var setLocalNavScroll = function () { $(window).on('load scroll.localnav-scroll', function () { var $LocalNavWrapSp = $('#LocalNavWrapSp'); var $LocalNavAreaSp = $('#LocalNavAreaSp'); if ($(window).scrollTop() > $('#HeaderWrap').height()) { $LocalNavAreaSp.addClass('is-Fixed'); $LocalNavWrapSp.css({ 'height': $('.Widget--LocalNav').height() }); } else { $LocalNavAreaSp.removeClass('is-Fixed'); $LocalNavWrapSp.css({ 'height': $('.Widget--LocalNav').height() }); } }); } if ($dgBody.hasClass('set-responsiveWebDesign') && $('.Widget--LocalNav').length > 0) { initLocalNav(); } /* end 12 ---------------------------------------------------------------- */ }); // ¶¶ÒõÊÓÆµ Window Object Loaded (function ($) { $(window).load(function () { /* *00.Settings ---------------------------------------------------------------- */ var $PageHash = location.hash; var $dgCurrentPath = location.pathname.split('/'); var $dgCurrentFolder = $dgCurrentPath[1]; var $dgWindow = $(window); var $dgHtml = $('html'); var $dgBody = $('body'); var $dgHeaderWrap = $('#HeaderWrap'); var $dgSearchWrap = $('#SearchWrap'); var $dgSearchWrapHeight = 0; var $dgGlobalNavWrap = $('#GlobalNavWrap'); var $dgGlobalNavArea = $('#GlobalNavArea'); var $dgHeaderHeight = $dgHeaderWrap.height() + $dgGlobalNavWrap.height(); var $dgShowClass = 'is-Show'; var $dgHoverClass = 'is-Hover'; var $dgCurrentClass = 'is-Current'; var $dgRollOverSuffix = '_on'; var $dgKeyVisualObj = $('.KeyVisual #KeyVisualWrap'); /* end Settings ---------------------------------------------------------------- */ /* *01.Accordion ---------------------------------------------------------------- */ ///* Use Trouble Shooting */ var $dgFlex = $('.Flex'); if ($dgFlex.length) { var dgAccordion01Function = { AccordionLength: $('dl', $dgFlex).length , AccordionBodyHeight: [] , TabContent: $('.Tab__Content') , init: function () { if ($('.js-TabBlock').length) { dgAccordion01Function.TabContent.addClass('is-Show'); } for (var i = 0; i < dgAccordion01Function.AccordionLength; i++) { $('dl', $dgFlex).eq(i).addClass('is-Open'); dgAccordion01Function.AccordionBodyHeight[i] = $('dl', $dgFlex).eq(i).children('dd.Flex__Content').height(); $('dl', $dgFlex).eq(i).children('dd.Flex__Content').css('height', 0); $('dl', $dgFlex).eq(i).removeClass('is-Open'); } $('dt a.Flex__Toggle', $dgFlex).click(function () { var Index = $('dl', $dgFlex).children('dt').index($(this).parent('dt')); var OPCheck = $(this).closest('dl').find('dd.Flex__Content').height(); if (OPCheck > 0) { $(this).closest('dl').find('dd.Flex__Content').animate({ height: '0' }, 400, function () { $(this).closest('dl').removeClass('is-Open'); }); } else { $(this).closest('dl').find('dd.Flex__Content').animate({ height: dgAccordion01Function.AccordionBodyHeight[Index] + 'px' }, 400, function () { $(this).closest('dl').addClass('is-Open'); }); } }); dgAccordion01Function.TabContent.removeClass('is-Show').eq(0).addClass('is-Show'); } }; dgAccordion01Function.init(); } /* end Accordion ---------------------------------------------------------------- */ /* * RWD ---------------------------------------------------------------- */ if ($('body.set-responsiveWebDesign').length > 0) { // return true; (function () { var $html = $('html'); var $win = $(window); var $doc = $(document); var isIE8 = $html.hasClass('ie8'); var isLegacyAndroid = /Android 4\.[012]/.test(navigator.userAgent); (function () { var ua = navigator.userAgent.toLowerCase(); var ver = navigator.appVersion.toLowerCase(); var isMSIE = (ua.indexOf('msie') > -1) && (ua.indexOf('opera') == -1); var isIE6 = isMSIE && (ver.indexOf('msie 6.') > -1); var isIE7 = isMSIE && (ver.indexOf('msie 7.') > -1); var isIE8 = isMSIE && (ver.indexOf('msie 8.') > -1); var isIE9 = isMSIE && (ver.indexOf('msie 9.') > -1); var isIE10 = isMSIE && (ver.indexOf('msie 10.') > -1); var isIE11 = (ua.indexOf('trident/7') > -1); var isIE = isMSIE || isIE11; var isEdge = (ua.indexOf('edge') > -1); var isChrome = (ua.indexOf('chrome') > -1) && (ua.indexOf('edge') == -1); var isFirefox = (ua.indexOf('firefox') > -1); var isSafari = (ua.indexOf('safari') > -1) && (ua.indexOf('chrome') == -1); var isOpera = (ua.indexOf('opera') > -1); var isWindows = (ua.indexOf('windows') > -1); var isMac = (ua.indexOf('macintosh') > -1); var $html = $('html'); if (isWindows) { $html.addClass('windows'); } if (isMac) { $html.addClass('mac'); } if (isIE) { $html.addClass('ie'); } if (isIE6) { $html.addClass('ie6'); } if (isIE7) { $html.addClass('ie7'); } if (isIE8) { $html.addClass('ie8'); } if (isIE9) { $html.addClass('ie9'); } if (isIE10) { $html.addClass('ie10'); } if (isIE11) { $html.addClass('ie11'); } if (isEdge) { $html.addClass('edge'); } if (isChrome) { $html.addClass('chrome'); } if (isFirefox) { $html.addClass('ff'); } if (isSafari) { $html.addClass('safari'); } if (isOpera) { $html.addClass('opera'); } })(); function getWinWidth() { var w = window.innerWidth; return (w !== undefined) ? w : $win.width(); } /* * RWD modal ---------------------------------------------------------------- */ (function () { var timer; var $group; var $wrapper; var $modal; var $inner; var $box; var $body; var $close; var $print; var $prev; var $next; var $pagination; var $ctrlInner; var isSp = getWinWidth() <= 480; var y; var load = function ($anchor) { $html.removeClass('g-modal-init g-modal-multi g-modal-prev g-modal-next'); $('.pkg-LightBoxContent', $body).remove(); var uri = $anchor[0].href; var $iframe = $('