// JavaScript Document

$(function() {

   $('a[href^="#"],a[href*="#"]').on('click',function() {

	 	 var mrg = $("#head").outerHeight() + 10;
		mrg  = $("#head #logo").outerHeight() + 40;

		href = $(this).attr("href");
      var hrefs=href.substring(href.indexOf("#")+1,href.length);
		href = "#"+hrefs;

      var target = $(href == "#" || href == "" ? 'html' : href);
      var position = target.offset().top - mrg;
      $('body,html').animate({scrollTop:position}, 500, 'swing');
      return false;
   });

   $(document).on('click','#gotop .svg-inline--fa',function() {

      $('body,html').animate({scrollTop:0}, 500, 'swing');
      return false;

   });

setsize();

//本アップ対応
$("a.nolink").click(function(e) {
	e.preventDefault;
    return false;
});

if($('.mwform-zip-field').length){
	$('.mwform-zip-field > input:first-child').attr('id','zip');
	$('.mwform-zip-field > input:last-child').attr('id','zip1');
}
if($('input.hidden').length){
	$('input.hidden').attr('readonly','readonly');
}

});


$(window).on('load',function(){
setsize();
movepos();
setscl();
});

$(window).on('resize',function () {
setsize();
movepos();
setscl();
});

$(window).on('scroll',function () { 
setscl();
});

$(window).on('orientationchange', function(){
setsize();
setscl();
});

function setsize(){

/**top1**/
	if($('.top1').length){
		var hsize = $("#header").outerHeight();
		$("#head").css("padding-top",hsize+"px");
	}
/****/
/**top2**/
	if($('.top2').length){
		var hsize = $("#header").outerHeight();
		$("#head").css("padding-top",hsize+"px");
	}
/****/
/**top3**/
	if($('.top3').length){
		var hsize = $("#head").outerHeight();
		$("#container").css("padding-top",hsize+"px");
	}
/****/
/**top4**/
	if($('.top4').length){
		var hsize = $("#head").outerHeight();
		$("#container").css("padding-top",hsize+"px");
	}
/****/
	
	if(!$("#main.top").length){

	var hsize = $("#head").outerHeight();
	$("#container").css("padding-top",hsize+"px");

	}

	if($("#footbnr").length){
		$("#footbnr li a").matchHeight();
	}

	if($("#main.top #link").length){
		$("#link ul li a").matchHeight();
	}

	if($("#searchbox dl").length){
		$("#searchbox dd").matchHeight();
	}
	if($("#fmenu.fmenu1 > div").length){
		$("#fmenu > div").matchHeight();
	}
	if($("#fmenu.fmenu4 > div").length){
		$("#fmenu.fmenu4 > div > ul > li").matchHeight();
	}
	if($(".top #solution > div > div").length){
		$(".top #solution > div > div").matchHeight();
	}

}

//他ページよりのアンカーリンク
function movepos(){

	var mrg = $("#head").outerHeight();

	var href = location.href;
	
    if(href.indexOf("#")>=0 || location.search){
        var hrefs=href.substring(href.indexOf("#")+1,href.length);
			href = hrefs;
			
    var position = $("#"+href).offset().top;
    var speed = 500;
    $('body,html').animate({scrollTop:position-mrg}, speed, 'swing');
		
    }else{
		return false;	
	}
	var hashString = location.hash.substr(1); 
	history.replaceState('', document.title, window.location.pathname);
	
}

function setscl() {

	var scl = $('body,html').scrollTop();

	if($('.top1').length || $('.top2').length){
		if(scl > 30){
			$('#header').addClass('bg');
		}else{
			$('#header').removeClass('bg');
		}
	}
}

$(function () {
  $(".js-sub-img img").on("click", function () {
    // メイン画像に切り替えるimgのsrc取得
    img = $(this).attr("src");
    // currentクラス付け替え(枠線などを変えたい時に)
    $(".js-sub-img li").removeClass("current");
    $(this).parent().addClass("current");
    // fadeOutできたらsrc変更してfadeIn
    $(".js-main-img img").fadeOut(500, function () {
      $(".js-main-img img")
        .attr("src", img)
        .on("load", function () {
          $(this).fadeIn(500);
        });
    });
  });
});

$(function () {
  $(".js-sub-img2 img").on("click", function () {
    // メイン画像に切り替えるimgのsrc取得
    img = $(this).attr("src");
    // currentクラス付け替え(枠線などを変えたい時に)
    $(".js-sub-img2 li").removeClass("current");
    $(this).parent().addClass("current");
    // fadeOutできたらsrc変更してfadeIn
    $(".js-main-img2 img").fadeOut(500, function () {
      $(".js-main-img2 img")
        .attr("src", img)
        .on("load", function () {
          $(this).fadeIn(500);
        });
    });
  });
});

$(function () {
  $(".js-sub-img3 img").on("click", function () {
    // メイン画像に切り替えるimgのsrc取得
    img = $(this).attr("src");
    // currentクラス付け替え(枠線などを変えたい時に)
    $(".js-sub-img3 li").removeClass("current");
    $(this).parent().addClass("current");
    // fadeOutできたらsrc変更してfadeIn
    $(".js-main-img3 img").fadeOut(500, function () {
      $(".js-main-img3 img")
        .attr("src", img)
        .on("load", function () {
          $(this).fadeIn(500);
        });
    });
  });
});

$(function () {
  $(".js-sub-img4 img").on("click", function () {
    // メイン画像に切り替えるimgのsrc取得
    img = $(this).attr("src");
    // currentクラス付け替え(枠線などを変えたい時に)
    $(".js-sub-img4 li").removeClass("current");
    $(this).parent().addClass("current");
    // fadeOutできたらsrc変更してfadeIn
    $(".js-main-img4 img").fadeOut(500, function () {
      $(".js-main-img4 img")
        .attr("src", img)
        .on("load", function () {
          $(this).fadeIn(500);
        });
    });
  });
});

$(function () {
  $(".js-sub-img5 img").on("click", function () {
    // メイン画像に切り替えるimgのsrc取得
    img = $(this).attr("src");
    // currentクラス付け替え(枠線などを変えたい時に)
    $(".js-sub-img5 li").removeClass("current");
    $(this).parent().addClass("current");
    // fadeOutできたらsrc変更してfadeIn
    $(".js-main-img5 img").fadeOut(500, function () {
      $(".js-main-img5 img")
        .attr("src", img)
        .on("load", function () {
          $(this).fadeIn(500);
        });
    });
  });
});

$(function () {
  $(".js-sub-img6 img").on("click", function () {
    // メイン画像に切り替えるimgのsrc取得
    img = $(this).attr("src");
    // currentクラス付け替え(枠線などを変えたい時に)
    $(".js-sub-img6 li").removeClass("current");
    $(this).parent().addClass("current");
    // fadeOutできたらsrc変更してfadeIn
    $(".js-main-img6 img").fadeOut(500, function () {
      $(".js-main-img6 img")
        .attr("src", img)
        .on("load", function () {
          $(this).fadeIn(500);
        });
    });
  });
});

$(function () {
  $(".js-sub-img7 img").on("click", function () {
    // メイン画像に切り替えるimgのsrc取得
    img = $(this).attr("src");
    // currentクラス付け替え(枠線などを変えたい時に)
    $(".js-sub-img7 li").removeClass("current");
    $(this).parent().addClass("current");
    // fadeOutできたらsrc変更してfadeIn
    $(".js-main-img7 img").fadeOut(500, function () {
      $(".js-main-img7 img")
        .attr("src", img)
        .on("load", function () {
          $(this).fadeIn(500);
        });
    });
  });
});

$(function () {
  $(".js-sub-img8 img").on("click", function () {
    // メイン画像に切り替えるimgのsrc取得
    img = $(this).attr("src");
    // currentクラス付け替え(枠線などを変えたい時に)
    $(".js-sub-img8 li").removeClass("current");
    $(this).parent().addClass("current");
    // fadeOutできたらsrc変更してfadeIn
    $(".js-main-img8 img").fadeOut(500, function () {
      $(".js-main-img8 img")
        .attr("src", img)
        .on("load", function () {
          $(this).fadeIn(500);
        });
    });
  });
});