$(function(){ //■■■■ 電話番号のスマホ対応 ■■■■ if($('.tel_num')){ $('.tel_num').each(function(){ var $num = $(this).html(), $_num = $(this).text(), href = $_num.replace( /-/g , "").replace( / /g , ""); if(navigator.userAgent.indexOf('iPhone') != -1 || navigator.userAgent.indexOf('Android') != -1){ $(this).html("" + $num + ""); } }); } //■■■■ ヘッダーの固定 ■■■■ headerY = $('header').offset().top; $(window).on('load resize', function() { headerY = $('header').offset().top; }); $(window).on('load scroll', function() { if( $(this).width() >= 784 ){ if( $(this).scrollTop() > headerY ){ $('header').css("position", "fixed"); $('.main_image').css("margin-top", "136px"); }else{ $('header').css("position", "static"); $('.main_image').css("margin-top", "0"); } }else{ if( $(this).scrollTop() > headerY ){ $('.icon_headermenu').css({ position:"fixed", opacity: "0.5" }); }else{ $('.icon_headermenu').css({ position:"absolute", opacity: "1" }); } } }); //■■■■ スムーズアンカー ■■■■ // #で始まるアンカーをクリックした場合に処理 $('a[href^="\\#"]').on("click", function() { // スクロールの速度 var speed = 500; // ミリ秒 // アンカーの値取得 var href= $(this).attr("href"); // 移動先を取得 var target = $(href == "#" || href == "" ? 'html' : href); // 移動先を数値で取得 var position = target.offset().top; // スムーススクロール $('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); //■■■■ ページトップ ■■■■ var pagetop = $('#page-top'); pagetop.hide(); $(window).scroll(function() { if ($(this).scrollTop() > 200) { pagetop.fadeIn(); } else { pagetop.fadeOut(); } }); //■■■■ スマホ メニューOPEN ■■■■ $(".icon_headermenu, #header_links").on("click", function() { $("#header_links").slideToggle(300); }); $("#header_links a").on("click",function(e){ e.stopPropagation(); }); //■■■■ Windowサイズ切換 ■■■■ $(window).resize(function(){ if( $(this).width() >= 784 ){ $("#header_links").css("display","block"); $(".folder_links p").css("display","table-row"); }else{ $("#header_links").css("display","none"); $(".folder_links p").css("display","none"); } }); //■■■■ folder_links ■■■■ aTEXT = ""; $(".folder_links a").each(function(){ if( $(this).prop("href") ){ url = $(this).prop("href"); if( location.href == url ) $(this).addClass("on"); } }); $(".folder_links").each(function(){ $(this).find("a").each(function(i){ if( $(this).hasClass("on")) aTEXT = $(this).text(); }); if( aTEXT != ""){ $(this).find("h3").text(aTEXT); } }); $(".folder_links h3").on("click", function(){ $(this).parent().find("p").slideToggle(300); }); //■■■■ .banner_slides 切り換えセット ■■■■ bannerID = new Array(); $(".banner_slides").each(function(i){ bannerCount[i] = $(this).find("li").length; bannerNow[i] = 0; bannerHTML[i] = $(this).find("ul").html(); $ele = $(this); setBanner(i); if($(window).width < 800){ $ele.find("ul").html( bannerHTML[i] + bannerHTML[i] ); $ele.find("li").css("width", ( 50 / bannerCount[i] ) + "%"); } $(window).resize(function(){ setBanner(i); if($(window).width < 800){ $ele.find("ul").html( bannerHTML[i] + bannerHTML[i] ); $ele.find("li").css("width", ( 50 / bannerCount[i] ) + "%"); setBanner(i); }else{ $ele.find("ul").html( bannerHTML[i] ); $ele.find("li").css("width", "33.3333%"); } }); for( j=0; j " ); } $(this).find(".icons a").eq(0).addClass("on"); $(this).find(".next").on("click",function(){ bannerNext(i); }); $(this).find(".prev").on("click",function(){ bannerPrev(i); }); }); $(window).resize(function(){ $(".banner_slides").each(function(i){ setBanner(i); }); }); }); //■■■■ .banner_slides 切り換え関数 ■■■■ bannerCount = new Array(); bannerNow = new Array(); bannerHTML = new Array(); function setBanner(NUM){ clearTimeout(bannerID[NUM]); if($(window).width() >= 800){ bannerWidth = 33.3333; $(".banner_slides").eq(NUM).find(".icons, .next, .prev").hide(); $(".banner_slides").eq(NUM).find("ul").css({ width: "auto", marginLeft: "0" }); $(".banner_slides").eq(NUM).find("li").css({ width: "33.3333%" }); }else{ bannerWidth = 100; if( bannerCount[NUM] > 1 ){ $(".banner_slides").eq(NUM).find(".icons, .next, .prev").show(); }else{ $(".banner_slides").eq(NUM).find(".icons, .next, .prev").hide(); } $(".banner_slides").eq(NUM).find("ul").css({ width: ( bannerWidth * bannerCount[NUM] * 2 ) + "%", marginLeft: - ( bannerWidth * bannerNow[NUM] * 2 ) + "%" }); $(".banner_slides").eq(NUM).find("li").css({ width: ( 50 / bannerCount[NUM] ) + "%" }); bannerID[NUM] = setTimeout("bannerNext(" + NUM + ")", 5000); } } function bannerSlide(ele,NUM){ clearTimeout(bannerID[ele]); bannerNow[ele] = NUM; $(".banner_slides").eq(ele).find("ul").animate({ marginLeft: - ( bannerWidth * NUM ) + "%" }, 500); $(".banner_slides").eq(ele).find(".icons a").removeClass("on"); $(".banner_slides").eq(ele).find(".icons a").eq(NUM).addClass("on"); bannerID[ele] = setTimeout("bannerNext(" + ele + ")", 5000); } function bannerNext(ele){ if($(window).width() < 800){ if( bannerNow[ele] >= bannerCount[ele] - 1 ){ bannerSlide(ele,0); }else{ bannerSlide(ele,bannerNow[ele]+1); } } } function bannerPrev(ele){ if( bannerNow[ele] <= 0 ){ bannerSlide(ele,bannerCount[ele] - 1); }else{ bannerSlide(ele,bannerNow[ele]-1); } } // ******************************************************* //   Link On // ******************************************************* DomainURL = "http://chillma.jp/"; function link_on(ID,FolderFlag){ menu_list = document.getElementById(ID).getElementsByTagName("a"); for(i=0; i if( FolderFlag ){ if( location.href == DomainURL && menu_list[i].href == DomainURL ){ menu_list[i].className = "on"; }else if( location.href.indexOf(menu_list[i].href) != -1 && menu_list[i].href != DomainURL ){ menu_list[i].className = "on"; } }else{ var location_url = location.href.match("(.+?)([\?#;].*)?$")[1]; if( location_url == menu_list[i].href ){ menu_list[i].className = "on"; if(ID == "header_links"){ menu_list[i].parentNode.style.display = "block"; } // if(menu_list[i].parentNode.parentNode.getElementsByTagName("a")[0] && menu_list[i].href != "" ){ // menu_list[i].parentNode.parentNode.getElementsByTagName("a")[0].className = "on"; // } } } } } // ■■■■■■■■■■■■■■■■■■■■■■■■■■■■ //   汎用ポップアップ // ■■■■■■■■■■■■■■■■■■■■■■■■■■■■ function w_open( URL , winX , winY ){ window.open( URL ,"_blank","width=" + winX + ",height=" + winY + ",location=no,menubar=no,scrollbars=yes,status=no,toolbar=no"); }