/*
すべてのページに共通するスタイル
基本変更は行わない。
*/
@charset "utf-8";
/* CSS Document */

/* clearfix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{ display: inline-table;}
/* Hides from IE-mac \*/

* html .clearfix
{ height: 1%; zoom: 1; }

.clearfix
{ display: block; }
 /* IE7 */

*:first-child+html .clearfix
{ zoom: 1;}

.clear
{ clear:both;}

html, body {
	font-size: 14px;
	color: #333;
	line-height: 1.8;
	font-family: Futura, 'Trebuchet MS', 'Century Gothic', CenturyGothic, 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {	color: #FFF; text-decoration: none;}
a:hover {	color: #DDD;}

/*
.lazyload 動作用
*/
.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 3000ms;
}