$(function(){ window.onunload=function(){} var isAndroid = navigator.userAgent.indexOf('Android') != -1; $(document).on("ready", function(){ init(); }); function init() { // var $slideList = $("#slider-area .slide, #slider-area-sp .slide"); // var length = $slideList.length; // if(length > 0) { // for(var cnt = 0; cnt < length; cnt++) { // var bg = $slideList.eq(cnt).attr("data-slide-bg"); // if(bg != undefined) { // $slideList.eq(cnt).css({ backgroundImage: "url(" + bg + ")" }); // } // } // } var $sliderImg = $('.slider-img'); var length = $sliderImg.length; for(var cnt= 0; cnt < length; cnt++) { var autoSpeed = 6000; if($sliderImg.eq(cnt).data("autoplayspeed") != undefined) { autoSpeed = $sliderImg.eq(cnt).data("autoplayspeed"); } var dots = $sliderImg.eq(cnt).data("dots"); if(dots == undefined) dots = false; $sliderImg.eq(cnt).slick({ centerMode: $sliderImg.eq(cnt).data("pcvertical-width"), variableWidth: $sliderImg.eq(cnt).data("pcvertical-width"), dots: dots, dotsStop: $sliderImg.eq(cnt).data("dotsstop"), speed: $sliderImg.eq(cnt).data("slidespeed"), infinite: true, autoplay: $sliderImg.eq(cnt).data("autoplay"), autoplaySpeed: autoSpeed, slidesToShow: $sliderImg.eq(cnt).data("pcslide"), slidesToScroll: $sliderImg.eq(cnt).data("pcslide-scroll"), arrows: true, cssEase: "ease-in-out", responsive: [{ breakpoint: 1024, settings: { centerMode: $sliderImg.eq(cnt).data("pcvertical-width"), variableWidth: $sliderImg.eq(cnt).data("pcvertical-width"), slidesToShow: $sliderImg.eq(cnt).data("pcslide"), slidesToScroll: $sliderImg.eq(cnt).data("pcslide-scroll") } }, { breakpoint: 736, settings: { centerMode: $sliderImg.eq(cnt).data("spvertical-width"), variableWidth: $sliderImg.eq(cnt).data("spvertical-width"), slidesToShow: $sliderImg.eq(cnt).data("spslide"), slidesToScroll: $sliderImg.eq(cnt).data("spslide-scroll") } } ]}) .on("afterChange", function(a, b){ if($(this).attr("data-enable-tabindex") == "true") { $(this).find(".slide a").attr({ "tabindex": -1 }); $(this).find(".slick-active a").attr({ "tabindex": numTabIndex }); } }); } function removeSlickTabIndex() { var $sliderImg = $('.slider-img'); var length = $sliderImg.length; for(var cnt= 0; cnt < length; cnt++) { if($sliderImg.eq(cnt).attr("data-enable-tabindex") == "true") { $sliderImg.eq(cnt).find(".slide a").attr({ "tabindex": -1 }); $sliderImg.eq(cnt).find(".slick-active a").attr({ "tabindex": numTabIndex }); } } // $(document).find(".slick-slide a").attr({ "tabindex": -1 }); } // // var footerBg = $("#footer-navi .inner").attr("data-footer-bg"); // if(footerBg != undefined) { // $("#footer-navi .inner").css({ backgroundImage: "url(" + footerBg + ")" }); // } // checkPause(); // checkHistoryBack(); // getShortCutOrigin(); // clearTimeout(shortCutnTimer); // $(window).trigger("resize"); } var shortCutnTimer; var oldWidth = $(window).width(); $(window).on('resize', function(){ resizeEvent(); }); function resizeEvent() { clearTimeout(shortCutnTimer); shortCutnTimer = setTimeout(function(){ textShortCut(); }, 500); // スマホサイズからPCになった時 if(window.innerWidth > 735) { $('.searchData').find(".toggle-contents").css("display","").prev("p").removeClass("toggleOpen"); $('.file-list').find(".toggle-contents").css("display","").prev("p").removeClass("toggleOpen"); $('.file-data').find(".toggle-contents").css("display","").prev("p").removeClass("toggleOpen"); $('.epidemic').find(".toggle-contents").css("display","").prev("p").removeClass("toggleOpen"); $('.inner-shikai').find(".toggle-contents").css("display","").prev("p").removeClass("toggleOpen"); if($(window).width() > oldWidth && oldWidth <= 736) { var length = $('.slider-img').length; for(var cnt= 0; cnt < length; cnt++) { $('.slider-img').eq(cnt).slick('slickGoTo', 0); $('.slider-img').eq(cnt).slick('setPosition'); } } if(isNavOpen) { navClose(); } if (navigator.userAgent.indexOf('Chrome') != -1 || navigator.userAgent.indexOf('Safari') != -1) { if($("#slider-area").length > 0) { // $("#slider-area .slick-dots li").css({ 'cssText': 'top: -3px;' }); } } else { if($("#slider-area").length > 0) { // $("#slider-area .slick-dots li").css({ 'cssText': 'top: -3px !important;' }); } } } else { $('.side-nav').find(".toggleOpen").parent().next("dd").css("display","block"); if($("#slider-area-sp").length > 0) { // $("#slider-area-sp .slick-dots li").css({ 'cssText': 'top: 0px !important;' }); } } checkPause(); oldWidth = $(window).width(); $(".side-shadow").css({ height: $("#wrap").outerHeight(true) }); } $(document).on("click", ".btn-pause",function(e){ e.preventDefault(); switchPause($(this)); }); var isNavOpen = false; var $spNav = $(".navi_wrap"); var navWidth = $spNav.outerWidth(true); $(".btn-menu").on("click", function(e){ e.preventDefault(); if(!isNavOpen){ navOpen(); } else { navClose(); } }); $("#hayabiki_btn_tojiru").on("click", function(e){ e.preventDefault(); navClose(); }); $(".contents").on("tap", function(e){ if($(e.target).closest(".btn-menu").length <= 0) { if(isNavOpen) { navClose(); return false; } } }); var nowScroll = 0; var timer = false; function navOpen() { isNavOpen = true; nowScroll = $("body").scrollTop(); $spNav.removeClass("slideOutAnime").addClass("slideInAnime"); $(".contents, .sp-header").removeClass("slideOutAnime").addClass("slideInAnime"); $(".navi_wrap").removeAttr("hidden"); $(".contents").css({ "position": "relative", top: -nowScroll }); $("html, body").css({ height: $(window).height(), overflow: "hidden" }); $(".btn-menu").attr("aria-expanded","true"); $(".btn-menu img").attr({ src: "/images/shared-btn-close-sp.png",alt: "メニューを閉じる" }).removeClass("close").addClass("open"); $(".side-shadow").velocity("stop").css({ display: "block", opacity: 0 }).velocity({ opacity: 0.25 }, { queue: false, duration: 300, easing: "ease" }); $("#page-top").stop().css({ display: "none" }); } function navClose() { isNavOpen = false; $spNav.removeClass("slideInAnime"); $spNav.addClass("slideOutAnime"); $(".contents, .sp-header").removeClass("slideInAnime").addClass("slideOutAnime"); $("html, body").css({ height: "auto", overflow: "visible" }); $("body").delay(400).stop().animate({ scrollTop: nowScroll }, 0, function(){ $(".contents").css({ top: 0 }); }); // スクロール禁止 解除 $(".navi_wrap").attr("hidden","hidden"); $(".btn-menu").attr("aria-expanded","false"); $(".btn-menu img").attr({ "src": "/images/shared-btn-menu-sp.png","alt":"メニューを開く"}).removeClass("open").addClass("close"); $(".side-shadow").velocity("stop").velocity({ opacity: 0 }, { queue: false, duration: 300, easing: "ease", complete: function(){ $(".side-shadow").css({ display: "none" }); $(".navi_wrap").stop().animate({ scrollTop: 0 }, 0); $(window).trigger("scroll"); } }); } // function checkHistoryBack() { // $(".inner .prev").css({ display: "block" }); // } function checkPause() { // 画像をプリロード $('').attr('src', '/images/top-btn-play.gif'); var length = $(".btn-pause").length; for(var cnt = 0; cnt < length; cnt++) { var $obj = $(".btn-pause").eq(cnt); var $parent = $obj.closest($('.slider-img')); if($parent.attr("data-autoplay") == "true") { $parent.slick("slickPlay").slick('slickSetOption', 'autoplay', true, false).attr("data-autoplay", true); $obj.find("button").css({ "background-image": "url(/images/top-btn-pause.gif)" }).text('停止'); } else { $parent.slick('slickSetOption', 'autoplay', false, false).slick("slickPause").attr("data-autoplay", false); $obj.find("button").css({ "background-image": "url(/images/top-btn-play.gif)" }).text('再生'); } } } function switchPause($obj) { // 画像をプリロード $('').attr('src', '/images/top-btn-play.gif'); var $parent = $obj.closest($('.slider-img')); if($parent.slick("slickGetOption", "autoplay")) { $parent.slick("slickPause").slick('slickSetOption', 'autoplay', false, false).attr("data-autoplay", false); $obj.find("button").css({ "background-image": "url(/images/top-btn-play.gif)" }).text('再生'); } else { $parent.slick('slickSetOption', 'autoplay', true, false).slick("slickPlay").attr("data-autoplay", true); $obj.find("button").css({ "background-image": "url(/images/top-btn-pause.gif)" }).text('停止'); } } var toggleOpen = []; $(document).on("click", ".toggle-btn", function(e){ e.preventDefault(); var index = $(".toggle-btn").index(this); if(!$(".toggle-contents").eq(index).is(':animated')) { if($(this).closest(".side-nav").length) { var $parent = $(this).closest(".side-nav"); var $contents = $(this).closest("dl").find(".toggle-contents"); navLiClose(index); } switchToggle(index); } }); var bodyClass = $("body").get(0).className.split(" ")[0]; if(bodyClass != "") { $(".navi-" + bodyClass).find(".toggle-btn").trigger("click"); } function navLiClose(current) { var index = $(".toggle-btn").index(this); var $target = $(".side-nav .toggle-btn"); var length = $target.length; for(var cnt = 0; cnt < length; cnt++) { var index = $(".toggle-btn").index($target.eq(cnt)); // 開閉状態のものを閉じる(自身以外) if(current != index && toggleOpen[index] == true) { switchToggle(index); } } } function switchToggle(index) { if(toggleOpen[index] == false || toggleOpen[index] == undefined) { toggleOpen[index] = true; $(".toggle-btn").eq(index).removeClass("toggleClose").addClass("toggleOpen"); if($(".toggle-contents").eq(index).find(".slick-slider").length > 0) { $(".toggle-contents").eq(index).find(".slick-slider").slick('slickGoTo', 0); $(".toggle-contents").eq(index).find(".slick-slider").slick('setPosition'); } } else { toggleOpen[index] = false; $(".toggle-btn").eq(index).removeClass("toggleOpen").addClass("toggleClose"); } $(".toggle-contents").eq(index).stop().slideToggle(); } var $gNavi = $("#g-navi"); var $gNaviActive = $gNavi.find(".active"); var $gNaviLi = $gNavi.find("li"); var $gNaviCurrent = $gNavi.find(".current"); var $gNaviCurActive = $gNaviCurrent.find(".active"); if($gNaviCurrent.length > 0) { $gNaviCurActive.css({ opacity: 1, bottom: 0 }); } $gNaviLi.hover(function(e){ var index = $gNaviLi.index(this); if(!$(this).hasClass("current")) { $(this).find(".active").velocity("stop").velocity({ bottom: 0, opacity: 1 }, { queue: false, duration: 200 }); $(this).find("img").velocity("stop").velocity({ opacity: 0.6 }, { queue: false, duration: 200 }); } }); $gNaviLi.on("mouseleave", function(){ var index = $gNaviLi.index(this); if(!$(this).hasClass("current")) { $(this).find(".active").velocity("stop").velocity({ bottom: -4, opacity: 0 }, { queue: false, duration: 150 }); $(this).find("img").velocity("stop").velocity({ opacity: 1 }, { queue: false, duration: 200 }); } }); $(document).on("mouseenter", ".hover-bg-fade", function(){ $(this).find(".image-overlay").velocity("stop").velocity({ opacity: 1 }, { queue: false, duration: 530, easing: "ease" }); }); $(document).on("mouseleave", ".hover-bg-fade", function(){ $(this).find(".image-overlay").velocity("stop").velocity({ opacity: 0 }, { queue: false, duration: 430, easing: "ease" }); }); $(".topix-list a").on("click", function(e){ e.preventDefault(); var index = $(".topix-list a").index(this); if(!$(".topix-contents").eq(index).hasClass("current")) { $(".topix-contents.current").velocity("stop").removeClass("current").css({ display: "block", zIndex: 0 }).velocity({ opacity: 0 }, { queue: false, duration: 400, complete: function(){ $(this).css({ display: "none" }); } }); $(".topix-contents").eq(index).velocity("stop").css({ display: "block", zIndex: 1 }).addClass("current").velocity({ opacity: 1 }, { queue: false, duration: 400 }); } }); $("#skip-link a.close").on("click", function(e){ e.preventDefault(); $("#skip-link").slideUp(200); $(".skip-btn").not("#skip-link").css({ display: "none" }); }); $(window).keydown(function(e){ lastKeyCode = null; if(e.keyCode == 9) { $("#skip-link").slideDown(200); $(".skip-btn").not("#skip-link").css({ display: "block" }); lastKeyCode = 9; } }); $("#skip-link a:first-child, .skip-btn:not(#skip-link) a").on("click", function(e){ var link = $(this).attr("href"); if($(link).prop("tagName") != "a" && $(link).prop("tagName") != "A") { link = link + " a:first-child"; } $(document).find(link).eq(0).focus(); }); var $origin = []; $("body").append('
'); $(document).find(".shortcutTrigger").css({ display: "none" }).on("click", function(){ getShortCutOrigin(); }); function getShortCutOrigin() { $origin = []; $(document).find('.text-shortcut').each(function(i) { $origin[i] = $(this).clone(); }); $(window).trigger("resize"); } function textShortCut() { $(document).find('.text-shortcut').each(function(i) { var $target = $(this); // オリジナルの文章を取得する var html = $origin[i].html(); // 対象の要素を、高さにautoを指定し非表示で複製する var $clone = $origin[i].clone(); $clone.css({ display: 'none', position : 'absolute', overflow : 'visible' }) .width($target.width()) .height('auto'); // DOMを一旦追加 $target.after($clone); // 指定した高さになるまで、1文字ずつ消去していく while((html.length > 0) && ($clone.height() > $target.height())) { html = html.substr(0, html.length - 1); $clone.html(html + '...'); } // 文章を入れ替えて、複製した要素を削除する $target.html($clone.html()); $clone.remove(); }); $(".send-btn .send").on("click", function(e){ e.preventDefault(); var $parent = $(this).closest(".article-reference"); $parent.find(".before-transmit").velocity("stop").velocity({ opacity: 0 }, { queue: false, duration: 300, complete: function(){ $(this).css({ display: "none" }); $parent.find(".after-transmit").velocity("stop").css({ display: "block", opacity: 0 }).velocity({ opacity: 1 }, { queue: false, duration: 400, delay: 200 }); } }); }); } var isMorePopup = false; var $btnPopup = $(".popup-back, .more-contents .close-button a"); $(".bg-slider .btn-more").on("click", function(){ showMorePopup(); }); $btnPopup.on("click", function(e){ e.preventDefault(); if(isMorePopup) { hideMorePopUp(); $(".btn-more a").focus(); } }); function showMorePopup() { $(".popup-back, .more-contents").velocity("stop").css({ display: "block", opacity: 0 }).velocity({ opacity: 1 }, { queue: false, duration: 400, complete: function(){ isMorePopup = true; } }); } function hideMorePopUp() { $(".popup-back, .more-contents").velocity("stop").velocity({ opacity: 0 }, { queue: false, duration: 400, complete: function(){ $(".popup-back, .more-contents").css({ display: "none" }); isMorePopup = false; } }); } $("#emergency-link-pc .e-close, #emergency-link-sp .e-close").on("click", function(e){ e.preventDefault(); $("#emergency-link-pc, #emergency-link-sp").velocity("stop").velocity({ height: 0 }, { queue: false, duration: 250, complete: function(){ $(this).css({ display: "none" }); } }); }); /* プリントアウトボタン */ $(".btn-print").on("click", function(){ window.print(); }); $(window).keydown(function(e){ if(e.keyCode == 13) { var $focus = $(document).find(":focus"); var $focusParent = $focus.closest(".slider-img"); if($focus.hasClass("slick-arrow") && $focusParent.length > 0) { if(!$focus.parent().find(".slick-track").is(':animated')){ setTimeout(function(){ $(this).find(".slick-active:eq(0) a").focus(); }.bind($focusParent), parseInt($focusParent.attr("data-slidespeed")) + 50); } } } }); });