/*==============================================
ページ内リンク
==============================================*/
jQuery(function() {
    jQuery("a[href^=#]").click(function(){
        var elmID = jQuery(this).attr("href");
        var posi = 0;
         
        if(jQuery(elmID).size()){
            posi = jQuery(elmID).offset().top -0;
            BodySlider(posi);
            return false;
        }
    });
    function BodySlider(HashOffset){
        jQuery("html,body").animate({
            scrollTop: HashOffset
        }, 600);
    }
});

/*==============================================
  page top
==============================================*/
//↓トップへ戻る↓
jQuery(function() {
    var topBtn = jQuery('.page_top');    
    topBtn.hide();
    //スクロールが200に達したらボタン表示
    jQuery(window).scroll(function () {
        if (jQuery(this).scrollTop() > 200) {
            topBtn.fadeIn();
        } else {
            topBtn.fadeOut();
        }
    });
});

/*==============================================
スライドショー
==============================================*/
$(function() {
    $('.slider').slick({
					prevArrow: '<button class="slide-arrow prev-arrow"></button>',
					nextArrow: '<button class="slide-arrow next-arrow"></button>',	
          infinite: true,
          dots: false,
          slidesToShow: 1,
          centerMode: true, //要素を中央寄せ
          centerPadding:'0', //両サイドの見えている部分のサイズ
          autoplay:true, //自動再生
          responsive: [{
               breakpoint: 480,
                    settings: {
                         centerMode: true,
               }
          }]
     });
});


/*==============================================
  accordionbox　trip
==============================================*/
	$(function(){
	$(".accordionbox dt").on("click", function() {
		$(this).next().slideToggle();	
		// activeが存在する場合
		if ($(this).children(".accordion_icon").hasClass('active')) {			
			// activeを削除
			$(this).children(".accordion_icon").removeClass('active');				
		}
		else {
			// activeを追加
			$(this).children(".accordion_icon").addClass('active');			
		}			
	});
});


// アコーディオン開閉
	$('.accordion').on('click',function(){
		var $this = $(this);
		if( $this.hasClass('close') ){
			if( $this.hasClass('jsScroll') ){
				// スクロールしてから
				var scrTop = $this.offset().top;
				var delay = Math.abs(scrTop - $(window).scrollTop());
				$('html,body').animate({ scrollTop: scrTop }, delay);
				// アコーディオン開く
				setTimeout(function(){
					$this.removeClass('close').next().stop().slideDown(450);
				}, delay);
			}
			else $this.removeClass('close').next().stop().slideDown(450);
		}
		else{
			$this.next().stop().slideUp(450,function(){ $this.addClass('close'); });
		}
	});
	$('.accClose').on('click',function(){
		var $accordion = $(this).parent().prev();
		if( $accordion.hasClass('accordion') ) $accordion.trigger('click');
	});


/*==============================================
  accordionbox　beach&ubud
==============================================*/
var itemHeights = [];
var returnHeight;

$(function(){
  $(".grad-item").each(function(){ //ターゲット(縮めるアイテム)
    var thisHeight = $(this).height(); //ターゲットの高さを取得
    itemHeights.push(thisHeight); //それぞれの高さを配列に入れる
    $(this).addClass("is-hide"); //CSSで指定した高さにする
    returnHeight = $(this).height(); //is-hideの高さを取得
  });
});

$(".grad-trigger").click(function(){ //トリガーをクリックしたら
  if(!$(this).hasClass("is-show")) {
    var index = $(this).index(".grad-trigger"); //トリガーが何個目か
    var addHeight = itemHeights[index]; //個数に対応する高さを取得
    $(this).addClass("is-show").next().animate({height: addHeight},200).removeClass("is-hide"); //高さを元に戻す
  } else {
    $(this).removeClass("is-show").next().animate({height: returnHeight},200).addClass("is-hide"); //高さを制限する
  }
});