$(function(){

  //  === 選択肢 01 =====
  // 上を選択
  $('.q_lst-01').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-02').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-02').find('.btn-back-01').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.header > p').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-01').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-06').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-06').find('.btn-back-01').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.header > p').css('display', 'none');
  });

  //  === 選択肢 02 =====
  // 上を選択
  $('.q_lst-02').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-03').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-03').find('.btn-back-02').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-03').find('.btn-back-08').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-02').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-07').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-07').find('.btn-back-02').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-07').find('.btn-back-06').css('display', 'none');
  });
  // 戻る
  $('.q_lst-02').find('.btn-back-01').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-01').css('display', 'block');
  });

  //  === 選択肢 03 =====
  // 上を選択
  $('.q_lst-03').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-04').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-04').find('.btn-back-03').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-04').find('.btn-back-09').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-03').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-08').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-08').find('.btn-back-03').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-08').find('.btn-back-07').css('display', 'none');
  });
  // 戻る
  $('.q_lst-03').find('.btn-back-02').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-02').css('display', 'block');
  });

  //  === 選択肢 04 =====
  // 上を選択
  $('.q_lst-04').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-05').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-05').find('.btn-back-04').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-05').find('.btn-back-10').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-04').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-09').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-09').find('.btn-back-04').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-09').find('.btn-back-08').css('display', 'none');
  });
  // 戻る
  $('.q_lst-04').find('.btn-back-03').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-03').css('display', 'block');
  });

  //  === 選択肢 05 =====
  // 上を選択
  $('.q_lst-05').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().parent().find('.a_lst-j').css('display', 'block');
    $(this).parent().parent().parent().parent().find('.a_lst-j').find('.btn-back-05').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.img-zubari').addClass('img-zubari-appear');
  });
  // 下を選択
  $('.q_lst-05').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-10').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-10').find('.btn-back-05').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-10').find('.btn-back-09').css('display', 'none');
  });
  // 戻る
  $('.q_lst-05').find('.btn-back-04').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-04').css('display', 'block');
  });
  $('.q_lst-05').find('.btn-back-11').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-11').css('display', 'block');
  });

  //  === 選択肢 06 =====
  // 上を選択
  $('.q_lst-06').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-07').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-07').find('.btn-back-06').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-07').find('.btn-back-02').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-06').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-11').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-11').find('.btn-back-06').css('display', 'block');
  });
  // 戻る
  $('.q_lst-06').find('.btn-back-01').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-01').css('display', 'block');
  });

  //  === 選択肢 07 =====
  // 上を選択
  $('.q_lst-07').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-08').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-08').find('.btn-back-07').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-08').find('.btn-back-03').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-07').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-12').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-12').find('.btn-back-07').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-12').find('.btn-back-11').css('display', 'none');
  });
  // 戻る
  $('.q_lst-07').find('.btn-back-02').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-02').css('display', 'block');
  });
  $('.q_lst-07').find('.btn-back-06').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-06').css('display', 'block');
  });


  //  === 選択肢 08 =====
  // 上を選択
  $('.q_lst-08').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-09').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-09').find('.btn-back-08').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-09').find('.btn-back-04').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-08').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-13').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-13').find('.btn-back-08').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-13').find('.btn-back-12').css('display', 'none');

  });
  // 戻る
  $('.q_lst-08').find('.btn-back-03').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-03').css('display', 'block');
  });
  $('.q_lst-08').find('.btn-back-07').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-07').css('display', 'block');
  });


  //  === 選択肢 09 =====
  // 上を選択
  $('.q_lst-09').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-10').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-10').find('.btn-back-09').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-10').find('.btn-back-05').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-09').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-14').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-14').find('.btn-back-09').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-14').find('.btn-back-13').css('display', 'none');
  });
  // 戻る
  $('.q_lst-09').find('.btn-back-04').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-04').css('display', 'block');
  });
  $('.q_lst-09').find('.btn-back-08').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-08').css('display', 'block');
  });


  //  === 選択肢 10 =====
  // 上を選択
  $('.q_lst-10').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().parent().find('.a_lst-i').css('display', 'block');
    $(this).parent().parent().parent().parent().find('.q_lst-i').find('.btn-back-10').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.img-zubari').addClass('img-zubari-appear');
  });
  // 下を選択
  $('.q_lst-10').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().parent().find('.a_lst-h').css('display', 'block');
    $(this).parent().parent().parent().parent().find('.a_lst-h').find('.btn-back-10').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.img-zubari').addClass('img-zubari-appear');
  });
  // 戻る
  $('.q_lst-10').find('.btn-back-05').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-05').css('display', 'block');
  });
  $('.q_lst-10').find('.btn-back-09').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-09').css('display', 'block');
  });


  //  === 選択肢 11 =====
  // 上を選択
  $('.q_lst-11').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-12').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-12').find('.btn-back-11').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-12').find('.btn-back-07').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-11').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-16').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-16').find('.btn-back-11').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-16').find('.btn-back-17').css('display', 'none');
  });
  // 戻る
  $('.q_lst-11').find('.btn-back-06').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-06').css('display', 'block');
  });

  //  === 選択肢 12 =====
  // 上を選択
  $('.q_lst-12').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-13').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-13').find('.btn-back-12').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-13').find('.btn-back-08').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-12').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-17').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-17').find('.btn-back-12').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-17').find('.btn-back-16').css('display', 'none');
  });
  // 戻る
  $('.q_lst-12').find('.btn-back-07').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-07').css('display', 'block');
  });
  $('.q_lst-12').find('.btn-back-11').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-11').css('display', 'block');
  });

  //  === 選択肢 13 =====
  // 上を選択
  $('.q_lst-13').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-14').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-14').find('.btn-back-13').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-14').find('.btn-back-09').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-13').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-18').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-18').find('.btn-back-13').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-18').find('.btn-back-17').css('display', 'none');
  });
  // 戻る
  $('.q_lst-13').find('.btn-back-08').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-08').css('display', 'block');
  });
  $('.q_lst-13').find('.btn-back-12').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-12').css('display', 'block');
  });

  //  === 選択肢 14 =====
  // 上を選択
  $('.q_lst-14').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-15').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-15').find('.btn-back-14').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-15').find('.btn-back-20').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-14').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-19').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-19').find('.btn-back-14').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-19').find('.btn-back-18').css('display', 'none');
  });
  // 戻る
  $('.q_lst-14').find('.btn-back-09').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-09').css('display', 'block');
  });
  $('.q_lst-14').find('.btn-back-13').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-13').css('display', 'block');
  });

  //  === 選択肢 15 =====
  // 上を選択
  $('.q_lst-15').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().parent().find('.a_lst-g').css('display', 'block');
    $(this).parent().parent().parent().parent().find('.a_lst-g').find('.btn-back-15').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.img-zubari').addClass('img-zubari-appear');
  });
  // 下を選択
  $('.q_lst-15').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-20').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-20').find('.btn-back-15').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-20').find('.btn-back-19').css('display', 'none');
  });
  // 戻る
  $('.q_lst-15').find('.btn-back-14').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-14').css('display', 'block');
  });

  
  //  === 選択肢 16 =====
  // 上を選択
  $('.q_lst-16').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-17').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-17').find('.btn-back-16').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-17').find('.btn-back-12').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-16').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().parent().find('.a_lst-a').css('display', 'block');
    $(this).parent().parent().parent().parent().find('.a_lst-a').find('.btn-back-16').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.img-zubari').addClass('img-zubari-appear');
  });
  // 戻る
  $('.q_lst-16').find('.btn-back-11').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-11').css('display', 'block');
  });

  //  === 選択肢 17 =====
  // 上を選択
  $('.q_lst-17').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-18').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-18').find('.btn-back-17').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-18').find('.btn-back-13').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-17').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().parent().find('.a_lst-b').css('display', 'block');
    $(this).parent().parent().parent().parent().find('.a_lst-b').find('.btn-back-17').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.img-zubari').addClass('img-zubari-appear');

  });
  // 戻る
  $('.q_lst-17').find('.btn-back-12').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-12').css('display', 'block');
  });
  $('.q_lst-17').find('.btn-back-16').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-16').css('display', 'block');
  });

  //  === 選択肢 18 =====
  // 上を選択
  $('.q_lst-18').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-19').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-19').find('.btn-back-18').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-19').find('.btn-back-14').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-18').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().parent().find('.a_lst-c').css('display', 'block');
    $(this).parent().parent().parent().parent().find('.a_lst-c').find('.btn-back-18').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.img-zubari').addClass('img-zubari-appear');
  });
  // 戻る
  $('.q_lst-18').find('.btn-back-13').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-13').css('display', 'block');
  });
  $('.q_lst-18').find('.btn-back-17').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-17').css('display', 'block');
  });

  //  === 選択肢 19 =====
  // 上を選択
  $('.q_lst-19').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-20').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-20').find('.btn-back-19').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-20').find('.btn-back-15').css('display', 'none');
  });
  // 下を選択
  $('.q_lst-19').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().parent().find('.a_lst-d').css('display', 'block');
    $(this).parent().parent().parent().parent().find('.a_lst-d').find('.btn-back-19').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.img-zubari').addClass('img-zubari-appear');
  });
  // 戻る
  $('.q_lst-19').find('.btn-back-14').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-14').css('display', 'block');
  });
  $('.q_lst-19').find('.btn-back-18').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-18').css('display', 'block');
  });

  //  === 選択肢 20 =====
  // 上を選択
  $('.q_lst-20').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().parent().find('.a_lst-f').css('display', 'block');
    $(this).parent().parent().parent().parent().find('.a_lst-f').find('.btn-back-20').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.img-zubari').addClass('img-zubari-appear');
  });
  // 下を選択
  $('.q_lst-20').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().parent().find('.a_lst-e').css('display', 'block');
    $(this).parent().parent().parent().parent().find('.a_lst-e').find('.btn-back-20').css('display', 'block');
    $(this).parent().parent().parent().parent().parent().parent().find('.img-zubari').addClass('img-zubari-appear');
  });
  // 戻る
  $('.q_lst-20').find('.btn-back-15').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-15').css('display', 'block');
  });
  $('.q_lst-20').find('.btn-back-19').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-19').css('display', 'block');
  });

  //  === 選択肢 雛形 =====
  // 上を選択
  $('.q_lst-NOW').find('.btn-above').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-GOTO').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-GOTO').find('.btn-back-NOW').css('display', 'block');
  });
  // 下を選択
  $('.q_lst-NOW').find('.btn-below').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-GOTO').css('display', 'block');
    $(this).parent().parent().parent().find('.q_lst-GOTO').find('.btn-back-NOW').css('display', 'block');
  });
  // 戻る
  $('.q_lst-NOW').find('.btn-back-BACKTO').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-BACKTO').css('display', 'block');
  });
  $('.q_lst-NOW').find('.btn-back-BACKTO').on('click', function () {
    $(this).parent().parent().css('display', 'none');
    $(this).parent().parent().parent().find('.q_lst-BACKTO').css('display', 'block');
  });

  //  === 回答結果 =====

  // 選択状態にクラスを付与
  var linkList = $('.num-box-wrap div');
    linkList.on('click', function () {
    linkList.removeClass('current');
    $(this).addClass('current');
    $("." + $(this).attr('id')).fadeIn(200);
    $(this).parent().parent().parent().find('.btn-restart-off').css('display', 'none');
  });

  // 表示切り替え
  $(function(){
    $('.open-box').hide();
    $('.num').on('click',function(){
      $('.open-box').not($('.'+$(this).attr('id'))).hide();
      $('.'+$(this).attr('id')).show().addClass('open-box-effect');
      $('.q-back-start').css('display', 'block');
      $('.btn-restart-off').css('display', 'block');
    });
  });

  // 結果を表示させる
  $('.btn-appear').on('click', function () {
    $(this).next('.result-box').css('display', 'block');
    // $(this).css('display', 'none');
    // $('.a-lst-wrap').css('display', 'none');
    // $('.btn-restart').text("もう一度診断する");
  });

  // 最初の質問に戻る
  $('.btn-restart').on('click', function () {
      window.location.href = ".";
  });

  // 質問の遷移パターンを定義
  const questionFlow = {
    '01': {
      above: { 
        next: '02', 
        showBack: '01',
        analytics: 'select_01_a'
      },
      below: { 
        next: '06', 
        showBack: '01',
        analytics: 'select_01_b'
      }
    },
    '02': {
      above: { 
        next: '03', 
        showBack: '02', 
        hideBack: '08',
        analytics: 'select_02_a'
      },
      below: { 
        next: '07', 
        showBack: '02', 
        hideBack: '06',
        analytics: 'select_02_b'
      },
      back: { 
        prev: '01',
        analytics: 'select_02_back'
      }
    },
    '03': {
      above: { 
        next: '04', 
        showBack: '03', 
        hideBack: '09',
        analytics: 'select_03_a'
      },
      below: { 
        next: '08', 
        showBack: '03', 
        hideBack: '07',
        analytics: 'select_03_b'
      },
      back: { 
        prev: '02',
        analytics: 'select_03_back'
      }
    },
    // ... 他の質問の遷移パターンも同様に定義 ...
  };

  // 表示制御の関数
  function showQuestion(questionId) {
    $('.q_lst-' + questionId).css('display', 'block');
  }

  function hideQuestion(questionId) {
    $('.q_lst-' + questionId).css('display', 'none');
  }

  function showBackButton(questionId, backId) {
    $('.q_lst-' + questionId).find('.btn-back-' + backId).css('display', 'block');
  }

  function hideBackButton(questionId, backId) {
    $('.q_lst-' + questionId).find('.btn-back-' + backId).css('display', 'none');
  }

  // 質問の遷移を処理する関数
  function handleQuestionTransition(currentId, direction) {
    const flow = questionFlow[currentId];
    if (!flow) return;

    const transition = flow[direction];
    if (!transition) return;

    // Google Analyticsイベントを送信
    if (transition.analytics) {
      gtag('event', 'link', {
        'event_category': 'shindan_select',
        'event_label': transition.analytics
      });
    }

    hideQuestion(currentId);
    showQuestion(transition.next);
    
    if (transition.showBack) {
      showBackButton(transition.next, transition.showBack);
    }
    
    if (transition.hideBack) {
      hideBackButton(transition.next, transition.hideBack);
    }

    // ヘッダーのテキストを非表示にする処理
    if (currentId === '01') {
      $('.header > p').css('display', 'none');
    }
  }

  // 戻るボタンの処理
  function handleBackButton(currentId) {
    const flow = questionFlow[currentId];
    if (!flow || !flow.back) return;

    // Google Analyticsイベントを送信
    if (flow.back.analytics) {
      gtag('event', 'link', {
        'event_category': 'shindan_select',
        'event_label': flow.back.analytics
      });
    }

    hideQuestion(currentId);
    showQuestion(flow.back.prev);
  }

  // イベントハンドラの設定
  $(function() {
    // 上選択ボタンのイベント
    $('.btn-above').on('click', function() {
      const currentId = $(this).closest('[class^="q_lst-"]').attr('class').match(/q_lst-(\d+)/)[1];
      handleQuestionTransition(currentId, 'above');
    });

    // 下選択ボタンのイベント
    $('.btn-below').on('click', function() {
      const currentId = $(this).closest('[class^="q_lst-"]').attr('class').match(/q_lst-(\d+)/)[1];
      handleQuestionTransition(currentId, 'below');
    });

    // 戻るボタンのイベント
    $('[class^="btn-back-"]').on('click', function() {
      const currentId = $(this).closest('[class^="q_lst-"]').attr('class').match(/q_lst-(\d+)/)[1];
      handleBackButton(currentId);
    });
  });

});