$(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");
}