/* ------------------------------
　　ベース
------------------------------ */

html[lang=ja] body {
	word-break: break-all;
}

/* コンテナー */
.narrow-container {
	max-width: $narrow-container;
	margin: 0 auto;
	padding-right: ($grid-gutter-width/2);
	padding-left: ($grid-gutter-width/2);
	@if ($enable-iphonex == true) {
		padding-right: calc(#{($grid-gutter-width/2)} + constant(safe-area-inset-right));
		padding-left: calc(#{($grid-gutter-width/2)} + constant(safe-area-inset-left));
	}
}


/* アニメーション */
@keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}
	20% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}
@-moz-keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}
	20% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}
@-webkit-keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}
	20% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}
