$(document).ready(function() {
  var bodyClass = 'font';
  var switchClass = 'fontChange';
  var startClass = "Normal"; // Small, Normal, Largeのどれかを指定
  var activeClass = 'active';

  // クッキーを読み込む
  var value = $.cookie('fontSize');

  if ( value ) {
    $("body").addClass(bodyClass + value);
    $(".fontChanger ." + switchClass + value).addClass(activeClass);
  } else {
    $("body").addClass(bodyClass + startClass);
    $(".fontChanger ." + switchClass + startClass).addClass(activeClass);
  }

  $(".fontChanger a").click( function() {
  value = $(this).attr("class").replace(switchClass, '');

  // bodyに付いているフォントサイズ調整用のクラスを削除
  $("body").removeClass(bodyClass + "Normal").removeClass(bodyClass + "Large");

  // 新たにフォントサイズ調整用のクラスを追加
  $("body").addClass(bodyClass + value);
  $(".fontChanger a").removeClass(activeClass);

  // 押したボタンにクラスを追加
  $(".fontChanger ." + switchClass + value).addClass(activeClass);
  // クッキーに保存
  $.cookie('fontSize', value);
  });
});