$(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 li").click( function() {
    value = $(this).attr("class").replace(switchClass, '');

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

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

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