$(function() {
    //クリックしたときのファンクションをまとめて指定
    $('.nav-cr li').click(function() {
        //.index()を使いクリックされたタブが何番目かを調べ、
//      indexという変数に代入します。
        var index = $('.nav-cr li').index(this);
 
        //コンテンツを一度すべて非表示にし、
        $('.case-box > .chCont').css('display','none');
        //クリックされたタブと同じ順番のコンテンツを表示します。
        $('.case-box > .chCont').eq(index).css('display','block');
        //タブについているクラスselectを消し、
        $('.nav-cr li').removeClass('active');
 
        //クリックされたタブのみにクラスselectをつけます。
        $(this).addClass('active');
    });
	/*$('.tab1_1').click(function() {
		$('.cp_tab > a').removeClass('active');
		$(this).toggleClass('active');
		$('.tab2Area').slideUp(100);
		$('.tab3Area').slideUp(100);
		$('.tab1Area').slideToggle(200);
	});
	$('.tab1_2').click(function() {
		$('.cp_tab > a').removeClass('active');
		$(this).toggleClass('active');
		$('.tab1Area').slideUp(100);
		$('.tab3Area').slideUp(100);
		$('.tab2Area').slideToggle(200);
	});
	$('.tab1_3').click(function() {
		$('.cp_tab > a').removeClass('active');
		$(this).toggleClass('active');
		$('.tab2Area').slideUp(100);
		$('.tab1Area').slideUp(100);
		$('.tab3Area').slideToggle(200);
	});*/
	/*$('.pcSubMenu__list2 .box .list-wrap ul li a[href^="#"]').click(function() {
		var href = $(this).attr("href");
		var target = $(href == "#" || href == " " ? 'html' : href);
		var position = target.offset().top;

		$('body,html').animate({
			scrollTop: position
		}, 1000, 'linear');

		return false;
	});*/
});


/*window.addEventListener('hashchange', function () {
 var hash = window.location.hash;
 if (hash) {
 document.querySelectorAll('.pcSubMenu__list2 .box .list-wrap ul li a, .bMenu__subMenuplus a').forEach(anchor => {
   if (anchor.getAttribute('href') === hash) {
     anchor.addEventListener('click', function (e) {
       e.preventDefault();
       document.querySelector(hash).scrollIntoView({
         behavior: 'smooth'
       });
     });
   }
 });
 }
});*/

/*$(function(){
 $('.pcSubMenu__list2 .box .list-wrap ul li a, .bMenu__subMenuplus a').click(function(e){
  e.preventDefault();
  var target = $(this.getAttribute('href'));
  var position = target.offset().top;
  $('html,body').animate({scrollTop: position}, 400);
  window.location.hash = this.getAttribute('href');
  return false;
 });
});*/


$(function() {
 // URLのハッシュ部分を取得します。
  var hash = window.location.hash;

 // ハッシュ部分をIDとして用いて対応する「li」要素と「.chCont」要素を選択します。
 var tabId = hash.substring(1); // #を削除
 var tabex;
 var content;

 // ハッシュが存在する場合
 if (hash) {
  tabex = $('.nav-cr li#' + tabId.replace('tab-', 'tab-'));
  content = $('#' + tabId.replace('tab-', 'tabarea-'));
 } else {
  // ハッシュが存在しない場合、デフォルトのタブを設定します。
  tabex = $('.nav-cr li').first();
  content = $('.case-box > .chCont').first();
 }

 // ハッシュ部分をクラスとして用いて対応する「li」要素を選択します。
 var tabClass = hash.substring(1); // #を削除
 var tab;

 // 「li」要素を一度すべて非表示にします。
 $('.new-list > li').css('display','none');

 // ハッシュが存在する場合
 if (hash) {
 tab = $('.new-list > li.' + tabClass);
 if (tab.length > 0) {
  tab.css('display','block');
  $('.new-list > li.no_result').css('display','none');
 } else {
  // ハッシュに対応する要素が存在しない場合、特定のメッセージを表示します。
  $('.new-list > li.no_result').css('display','block');
 }
 } else {
 // ハッシュが存在しない場合、全てのタブを表示します。
 $('.new-list > li').css('display','block');
 $('.new-list > li.no_result').css('display','none');
 }

 // 「li」要素と「.chCont」要素を一度すべて非表示にします。
 $('.case-box > .chCont').css('display','none');
 $('.nav-cr li').removeClass('active');

 // 選択した「li」要素と「.chCont」要素に「active」クラスを追加し、表示します。
 tabex.addClass('active');
 content.css('display','block');
	
 // 「.nav-cr li」の要素がクリックされたときの処理
 $('.nav-cr li[id^="tab-"]').click(function () {
 var num = this.id.split('-')[1]; // IDから番号を取得
 var tabClass = $(this).attr('id'); // クリックされたタブのIDを取得
 var tab = $('.new-list > li.' + tabClass.replace('tabbtn-', 'tab-'));
 if (tab.length > 0) {
 // 「li」要素を一度すべて非表示にします。
 $('.new-list > li').css('display','none');
 // 選択した「li」要素を表示します。
 tab.css('display','block');
 } else {
 // ハッシュに対応する要素が存在しない場合、特定のメッセージを表示します。
 $('.no_result').css('display','block');
 }

 // 「li」要素と「.chCont」要素を一度すべて非表示にします。
 $('.case-box > .chCont').css('display','none');
 $('#tabarea-' + num).css('display','block');
 $('.nav-cr li').removeClass('active');

 // 選択した「li」要素と「.chCont」要素に「active」クラスを追加し、表示します。
 $(this).addClass('active');
 //$('#' + tabClass.replace('tabbtn-', 'tabarea-')).css('display','block');

  //var tabId = $(this).attr('id'); // クリックされたタブのIDを取得
  var slider = $('#tabarea-' + num).find('.slick-list'); // クリックされたタブに対応するスライダーを選択
  slider.slick('setPosition'); // setPositionメソッドを呼び出す
 // URLのハッシュ部分を更新します。
 //window.location.hash = tabClass;
});
	

 // Slickの初期化
 $('.case-box > .chCont .slick-list').each(function(index) {
  var slider = $(this); // スライダー要素を指定
  slider.slick({
    arrows: true,
    dots: false,
    slidesToShow: 3,
    prevArrow: '.pr' + (index),
    nextArrow: '.nx' + (index),
    infinite: true,
    responsive: [
      {
        breakpoint: 640, //767px以下のサイズに適用
        settings: {
          slidesToShow: 1,
          centerPadding: '0%',
        }
      }
    ]
  });
 });
	



	
	
	

	




});