@charset "UTF-8";
/* CSS Document */

br {
	width:0;
	height:0;
	font-size:0;
	line-height: 0;
}

/*clearfix*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
/*テーブル*/
.tl {
	display:table;
	border-collapse:collapse;
	width:100%;
	table-layout:fixed;
	}
.tl>* {
	display:table-cell;
	vertical-align:top;
	}
@media (max-width:768px) {
	.tl.tbReset,
	.tl.tbReset > * {
		display:block;
		width:auto !important;
		margin-left:auto !important;
		margin-right:auto !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
}
@media (max-width:560px) {
	.tl.spReset,
	.tl.spReset > * {
		display:block;
		width:auto !important;
		margin-left:auto !important;
		margin-right:auto !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
}

/*表示非表示*/
.pc,
.tb,
.sp {display:none;}
@media(min-width:769px){
	.pc {display:block;}
}
@media(min-width:561px) and (max-width:768px){
	.tb {display:block;}
}
@media(max-width:560px){
	.sp {display:block;}
}
	
/*テキストカラー*/
.textDefColor { color:#333333; }
.textBlue { color:#00A3DD; }
.textBlue2 { color:#2d3a6f; }

/*フォントサイズ*/
.fs80 { font-size: 80%    !important; }
.fs85 { font-size: 85%    !important; }
.fs90 { font-size: 90%    !important; }
.fs95 { font-size: 95%    !important; }
.fs105 { font-size: 105%    !important; }
.fs110 { font-size: 110%    !important; }
.fs115 { font-size: 115%    !important; }
.fs120 { font-size: 120%    !important; }
.fs130 { font-size: 130%    !important; }
.fs140 { font-size: 140%    !important; }
.fs150 { font-size: 150%    !important; }
	
/*フォントウェイト*/
.bold { font-weight:bold; font-family: "Noto SansJapanese Medium";}


	
/*float*/
.fleft { float:left; }
.fright { float:right; }
	
/*align*/
.alignL { text-align:left; }
.alignR { text-align:right !important; }
.alignC { text-align:center; }


/*========================
アニメーション

・css easing
easeOutQuart
cubic-bezier(0.165, 0.84, 0.44, 1);

easeInOutQuart
cubic-bezier(0.77, 0, 0.175, 1);
========================*/

/*スライドイン 左から右*/
.slideRight {
	-webkit-transform:translateX(-30px);
	transform:translateX(-30px);
	opacity:0;
	-webkit-transition:
		-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 1s linear;
	transition:
		transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 1s linear;
	}
.slideRight.on {
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	opacity:1;
	}

/*スライドイン 右から左*/
.slideLeft {
	-webkit-transform:translateX(30px);
	transform:translateX(30px);
	opacity:0;
	-webkit-transition:
		-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 1s linear;
	transition:
		transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 1s linear;
	}
.slideLeft.on {
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	opacity:1;
	}
	
/*スライドイン 上から下*/
.slideDown {
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px);
	opacity:0;
	-webkit-transition:
		-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 1s linear;
	transition:
		transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 1s linear;
	z-index:1;
	}
.slideDown.on {
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1;
	}
	
/*スライドイン 下から上*/
.slideUp {
	-webkit-transform:translateY(30px);
	transform:translateY(30px);
	opacity:0;
	-webkit-transition:
		-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 1s linear;
	transition:
		transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 1s linear;
	z-index:1;
	}
.slideUp.on {
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1;
	}

/*フェードイン*/
.fadeIn {opacity:0;-webkit-transition:opacity 1s linear;transition:opacity 1s linear;}
.fadeIn.on {opacity:1;}

/*フェードアウト*/
.fadeOut {opacity:1;-webkit-transition:opacity 1s linear;transition:opacity 1s linear;}
.fadeOut.on {opacity:0;}

/*スライド 幅*/
.slideWidth {
	width:0;
	-webkit-transition:width 1s cubic-bezier(0.77, 0, 0.175, 1);
	transition:width 1s cubic-bezier(0.77, 0, 0.175, 1);
	}
.slideWidth.on {
	width:100%;
	}