@import "base.css";

/* 
------------------------------------------------------------ */
/* 基本class*/
html>body{font-size:15px;}
*html body{font-size:96%;}
*+html body {font-size:96%}
.cb {
	clear:both;
	line-height:0%;
	height:0px;}
.right-top {float:right;}
.left-top {float:left;}
.right-txt {text-align:right;}
.left-txt {text-align:left;}
.center-txt {text-align:center !important;}
.sf {font-size:90%;}
.bf {font-weight:bold;}
/**/
.mN{
	margin:0  !important;
}
.pN{
	padding:0  !important;
}
.mtN{
	margin-top:0 !important;
}
.mbN{
	margin-bottom:0 !important;
}
.ptN{
	padding-top:0 !important;
}
.pbN{
	padding-bottom:0 !important;
}

.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}


/*画像をウインドウサイズに合わせて可変*/
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
/* 
------------------------------------------------------------ */
.cf {
	zoom:1;/*for IE 5.5-7*/
}
.cf:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* 共通スタイル開始 */
/* 
------------------------------------------------------------ */



body {
	color:#4e4d4d;
	margin:0;
	padding:0;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height:160%;
	background-color:#ffffff;
	text-align:center;
	}
	




#contents-wrapper{
	background-color:#ffffff;
}

#contents-wrapper img{
	vertical-align:bottom;
}



/*アニメーション*/

.fadeinCard {
	opacity : 0;
	transform : translate(0, 30px);
	-webkit-transform : translate(0, 30px);
	-moz-transform : translate(0, 30px);
	transition : all 800ms;
	-webkit-transition : all 800ms;
	-moz-transition : all 800ms;
}
.fadeinCard.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	-webkit-transform : translate(0, 0);
	-moz-transform : translate(0, 0);
}
.fadein {
	opacity : 0;
	transform : translate(0, 30px);
	-webkit-transform : translate(0, 30px);
	-moz-transform : translate(0, 30px);
	transition : all 800ms;
	-webkit-transition : all 800ms;
	-moz-transition : all 800ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	-webkit-transform : translate(0, 0);
	-moz-transform : translate(0, 0);
}
.fade {
	opacity : 0;
	/**/
	-webkit-transition: 0.8s ease-in-out;
	   -moz-transition: 0.8s ease-in-out;
		 -o-transition: 0.8s ease-in-out;
			transition: 0.8s ease-in-out;
}
.fade.scrollin {
	opacity : 1;
	
}