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

/* HTML-All*/

/*-----------------------*/
/*-- font-size-----

	1rem = 16px

------------------*/
/*-----------------------*/

/* レイアウト  */

/*-----------------------*/
/*
スムーススクロール
headerが追従する場合はheader分の高さを:targetに指定する
Safariの対応が比較的新しいのでJSで対応するのが望ましい?
将来的には以下の記述だけでOK
*/
html{
	scroll-behavior: smooth;
}
html.android{
	scroll-behavior: auto;
}
html,body{
	width: 100%;
	height: auto;
}
body{
	font-family: var(--baseFonts);
	font-size: var(--txt-reg--fb);
	font-size: var(--txt-reg);
	line-height: 1.5;
	color: var(--color-bk);

	background-color: var(--color-base);
	height: 100%;
	min-height: 100vh;
}
/* Sticky Footer */
body > footer{
	position: sticky;
	top: 100vh;
}
/* 字詰め設定 */
h1,h2,h3,h4,h5,h6{
	font-feature-settings: "palt";
	letter-spacing: .075em;
}
p{
	font-feature-settings: "palt";
	letter-spacing: .05em;
}
/*-----------------------*/

/* コンテンツ */

/*-----------------------*/
#content{
	width: 100%;
	margin: 0 auto;
}
.content__wrapper{
	width: 100%;
    margin-top: var(--space-tb-2xl);
}
.content__wrapper.-max-width{
	width: var(--flexible-width);
	margin-left: auto;
	margin-right: auto;
}