$(function(){
	"use strict"
	var $top = $("#top");
	var $topPeter = $top.find(".topPeter");
	var $topChara = $top.find(".topChara");
	var $topTitle = $top.find(".topTitle");
	var $topLogo = $top.find(".topLogo");
	var on ="is-on";
	setTimeout(function(){
	$topChara.addClass(on);
	$topLogo.addClass(on);
	setTimeout(function(){
		$topTitle.addClass(on)
	},1500)
	},500);
	$(".btn").colorbox({
		width:"100%",
		transition: 'fade',
		inline : true
	});
});