$(function(){



/*////////////////////////////////////////////////////////////////////////////////
スムーススクロール
////////////////////////////////////////////////////////////////////////////////*/

  $('a[href^="#"]:not()').click(function () {
    var speed = 250;
    var href = $(this).attr("href");
    var target = $(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top;
    $("html, body").animate({ scrollTop: position }, speed, "swing");
    return false;
  });



/*////////////////////////////////////////////////////////////////////////////////
料金表
////////////////////////////////////////////////////////////////////////////////*/

  $(".js-accordion-title").on("click", function() {
    $(this).next().slideToggle();
    $(this).toggleClass("open");
  });



/*////////////////////////////////////////////////////////////////////////////////
.boxx-toggle-01
////////////////////////////////////////////////////////////////////////////////*/

  ;(function(){
    return false;
    var name = 'boxx-toggle';
    var name_2 = 'boxx-toggle-inner';
    var target = name + '-01';
    var s = {};
    var c = {};
    var d = {};

    s.html = 'html';
    s.body = 'body';
    s.name = '.' + name;
    s.target = '.' + target;
    s.header = s.name + '--' + 'header';
    s.main = s.name + '--' + 'main';
    s.footer = s.name + '--' + 'footer';
    s.item = s.name + '--' + 'item';
    s.inner = s.name + '--' + 'inner';
    s.question = s.name + '--' + 'question';
    s.answer = s.name + '--' + 'answer';
    s.image = s.name + '--' + 'image';
    s.text = s.name + '--' + 'text';
    s.anchor = s.name + '--' + 'anchor';
    s.anchorOpen = s.name + '--' + 'anchor--open';
    s.anchorClose = s.name + '--' + 'anchor--close';
    s.answerHide = s.name + '_' + 'answer_hide';
    s.transitionNone = s.name + '_' + 'transition_none';
    s.inProgress = s.name + '_' + 'inProgress';

    s.name_2 = '.' + name_2;
    s.target_2 = s.name_2 + '-01';
    s.header = s.name_2 + '--' + 'header';
    s.main = s.name_2 + '--' + 'main';
    s.footer = s.name_2 + '--' + 'footer';
    s.item = s.name_2 + '--' + 'item';
    s.inner = s.name_2 + '--' + 'inner';
    s.question = s.name_2 + '--' + 'question';
    s.answer = s.name_2 + '--' + 'answer';
    s.image = s.name_2 + '--' + 'image';
    s.text = s.name_2 + '--' + 'text';
    s.anchor = s.name_2 + '--' + 'anchor';
    s.anchorOpen = s.name_2 + '--' + 'anchor--open';
    s.anchorClose = s.name_2 + '--' + 'anchor--close';
    s.answerHide = s.name_2 + '_' + 'answer_hide';
    s.transitionNone = s.name_2 + '_' + 'transition_none';
    s.inProgress = s.name_2 + '_' + 'inProgress';

    $.each(s, function(k, v){

      if(v.match(/^\./)) c[k] = v.substr(1);
    });

    var $target = $(s.target);
    var $question = $target.find(s.main).children(s.question);
    var $answer = $target.find(s.main).children(s.answer);
    var $targetAnchor = $target.find(s.anchor);
    var tid = false;

    var $target_2 = $(s.target_2);
    var $question_2 = $target_2.find(s.main).children(s.question);
    var $answer_2 = $target_2.find(s.main).children(s.answer);
    var $targetAnchor_2 = $target_2.find(s.anchor);
    var tid_2 = false;

    if(!$target.length) return false;

    $target.each(function(i){

      var $this = $(this);
      var isOpen = !$this.hasClass(c.answerHide);

      if(isOpen) addAnswerHeight($this);
    });

    $answer.on('transitionstart transitionend animationstart animationend', function(e){

      var $this = $(this);
      var $target = $(e.target);
      var eType = e.type;

      if(eType == 'transitionstart'){

        if($target.hasClass(c.answer)) $target.addClass(c.inProgress);
      }

      if(eType == 'transitionend'){

        if($target.hasClass(c.answer)) $target.removeClass(c.inProgress);
      }
    });

    $answer_2.on('transitionstart transitionend animationstart animationend', function(e){

      var $this = $(this);
      var $target = $(e.target);
      var eType = e.type;

      if(eType == 'transitionstart'){

        if($target.hasClass(c.answer)) $target.addClass(c.inProgress);
      }

      if(eType == 'transitionend'){

        if($target.hasClass(c.answer)) $target.removeClass(c.inProgress);
      }
    });

    $(window).on('load resize', function(e){

      var $target = $(s.target);
      var $answer = $target.find(s.answer);

      if(tid) clearTimeout(tid);

      $answer.addClass(c.transitionNone);

      tid = setTimeout(function(i){

        $answer.removeClass(c.transitionNone);

      }, 200);

      $target.each(function(i){

        var $this = $(this);
        var isOpen = !$this.hasClass(c.answerHide);

        if(isOpen) addAnswerHeight($this);
      });
    });

    $targetAnchor.on('click', function(e){

      var $this = $(this);
      var $root = $this.parents(s.target);

      if($root.hasClass(c.inProgress)) return false;

      var $question = $root.find(s.question);
      var $answer = $root.find(s.answer);
      var isOpen = false;

      isOpen = $this.parents(s.question).length ? true : false;

      if(isOpen){

        $root.removeClass(c.answerHide);
        addAnswerHeight($root)

      }else{

        $root.addClass(c.answerHide);
        $answer.css({'height': ''});
      }

      return false;
    });

    function addAnswerHeight($root){

      var $answer = $root.find(s.answer);
      
      $answer.css({'height': ''});
      $answer.css({'height': $answer.children().outerHeight(true)});
    };
  }());



/*////////////////////////////////////////////////////////////////////////////////
.boxx-toggle-02
////////////////////////////////////////////////////////////////////////////////*/

  ;(function(){

    var name = 'boxx-toggle';
    var target = name + '-02';
    var s = {};
    var c = {};
    var d = {};

    s.html = 'html';
    s.body = 'body';
    s.name = '.' + name;
    s.target = '.' + target;
    s.header = s.name + '--' + 'header';
    s.main = s.name + '--' + 'main';
    s.footer = s.name + '--' + 'footer';
    s.item = s.name + '--' + 'item';
    s.inner = s.name + '--' + 'inner';
    s.question = s.name + '--' + 'question';
    s.answer = s.name + '--' + 'answer';
    s.image = s.name + '--' + 'image';
    s.text = s.name + '--' + 'text';
    s.anchor = s.name + '--' + 'anchor';
    s.anchorOpen = s.name + '--' + 'anchor--open';
    s.anchorClose = s.name + '--' + 'anchor--close';
    s.answerHide = s.name + '_' + 'answer_hide';
    s.transitionNone = s.name + '_' + 'transition_none';
    s.inProgress = s.name + '_' + 'inProgress';

    $.each(s, function(k, v){

      if(v.match(/^\./)) c[k] = v.substr(1);
    });

    var $target = $(s.target);
    var $question = $target.find(s.main).children(s.question);
    var $answer = $target.find(s.main).children(s.answer);
    var $targetAnchor = $target.find(s.anchor);
    var $targetAnchor = $question.find(s.anchor);
    var tid = false;
    var isPc = false;

    if(!isMatchMedia('max-width: 767px')){

      isPc = true;

      $('.boxx-toggle-10').removeClass(c.answerHide);

    }else{

      isPc = false;

      $('.boxx-toggle-10').addClass(c.answerHide);
    }

    $(window).on('resize', function(e){

      if(!isMatchMedia('max-width: 767px')){

        $('.boxx-toggle-10').removeClass(c.answerHide);

        isPc = true;

      }else{

        if($('.boxx-toggle-10').hasClass(c.answerHide)){

          $('.boxx-toggle-10').addClass(c.answerHide);

        }else if(isPc){

          $('.boxx-toggle-10').addClass(c.answerHide);
        }

        isPc = false;
      }
    });

    if(!$target.length) return false;

    $answer.on('transitionstart transitionend animationstart animationend', function(e){

      var $this = $(this);
      var $target = $(e.target);
      var eType = e.type;

      if(eType == 'transitionstart'){

        if($target.hasClass(c.answer)) $target.addClass(c.inProgress);
      }

      if(eType == 'transitionend'){

        if($target.hasClass(c.answer)) $target.removeClass(c.inProgress);
      }
    });

    $(window).on('load resize', function(e){

      var $target = $(s.target);
      var $root = $target.parents(s.target);
      var $answer = $target.find(s.main).children(s.answer);

      if(tid) clearTimeout(tid);

      $answer.addClass(c.transitionNone);

      tid = setTimeout(function(i){

        $answer.removeClass(c.transitionNone);

      }, 200);

      $target.each(function(i){

        var $this = $(this);
        var isOpen = !$this.hasClass(c.answerHide);

        if(isOpen){

          $root.removeClass(c.answerHide);
          addAnswerHeight($this);

        }else{

          $root.addClass(c.answerHide);
          $answer.css({'height': ''});
        }
      });
    });

    $targetAnchor.on('click', function(e){

      var $this = $(this);
      var $root = $this.parents(s.target);

      if($root.hasClass(c.inProgress)) return false;

      var $question = $root.find(s.main).children(s.question);
      var $answer = $root.find(s.main).children(s.answer);
      var isOpen = false;

      //isOpen = $this.parents(s.question).length ? true : false;
      isOpen = $root.hasClass(c.answerHide) ? true : false;

      if(isOpen){

        $root.removeClass(c.answerHide);
        addAnswerHeight($root);

      }else{

        $root.addClass(c.answerHide);
        $answer.css({'height': ''});
      }

      return false;
    });

    function addAnswerHeight($root){

      var $answer = $root.find(s.answer);
      var $question = $root.find(s.question);

      $answer.css({'height': ''});
      $answer.css({'height': $answer.children().outerHeight(true)});
    };

    function isMatchMedia(mediaQuery){

      return window.matchMedia ? window.matchMedia('(' + mediaQuery + ')').matches : false;
    };//isMatchMedia()
  }());



/*////////////////////////////////////////////////////////////////////////////////
マウスオーバー
////////////////////////////////////////////////////////////////////////////////*/

  ;(function(){

    $(window).on('load', function(e){

      addHover('a', 'hover');
    });

    function addHover(target, className){

      var isTouch = 'ontouchstart' in window;

      if(!isTouch){

        $(target).on('mouseenter mouseleave', function(e){

          if(e.type == 'mouseenter') $(this).addClass(className);
          if(e.type == 'mouseleave') $(this).removeClass(className);
        });
      }
    };
  }());
});