/* =========================================
   GRM Theme Base
   Root Variables / 共通変数
========================================= */

:root{

	/* Container / コンテナ幅 */
	--container:1200px;
	--container-wide:1400px;

	/* Break Point / ブレイクポイント */
	--sp:767px;
	--tab:991px;
	--pc:1200px;

	/* Gap / 余白 */
	--gap-xs:10px;
	--gap-sm:20px;
	--gap:30px;
	--gap-lg:50px;

	/* Font Family / フォント */
	--font-base:
		"Noto Sans JP",
		sans-serif;

	--font-mincho:
		"Yu Mincho",
		serif;

	/* Font Size / 文字サイズ */
	--font-xs:12px;
	--font-sm:14px;
	--font-base-size:16px;
	--font-lg:20px;
	--font-xl:28px;

	/* Line Height / 行間 */
	--line-height:1.8;

	/* Color / カラー */
	--color-main:#222222;
	--color-sub:#666666;
	--color-text:#333333;
	--color-border:#dddddd;

	/* Background / 背景 */
	--color-white:#ffffff;
	--color-black:#000000;
	--color-gray:#f5f5f5;

	/* Radius / 角丸 */
	--radius-sm:5px;
	--radius:10px;
	--radius-lg:20px;

	/* Shadow / 影 */
	--shadow:
		0 3px 10px rgba(0,0,0,.08);

}