@charset "utf-8";

/*
************************************************************************
 基準値
************************************************************************
*/
:root {

	/* 基本サイズ */
	--body-width-pc:1040px;
	--base-font-size:1.4rem;
	--editor-font-size:1.8rem;
	--base-font-size-sp:2.0rem;


	/* 基本フォント */
	--font-jp    :'Noto Sans JP';
	--font-num   :'Noto Serif JP';
	/*--font-accent:'Noto Serif JP';*/
	--font-accent:'Heebo', sans-serif;

	/* 基本の角丸 */
	--border-radius: 0.5em;

	/* 基本カラーリング */
	--body-background-color :#FFFFFF;
	--body-font-color       :#471b07;
	--body-font-color-light :#000000A0;
	--body-icon-color       :#1d86ae;
	--body-icon-color-light :#1d86ae88;
	--body-border-color     :#CCCCCC;
	--body-frame-color      :#89a5b0;
	--color-brown  		:#471b07;

	/* 反転カラーリング */
	--accent-background-color :#1d86ae;
	--accent-font-color       :#FFFFFF;
	--accent-font-color-light :#FFFFFFA0;
	--accent-icon-color       :#FFFFFF;
	--accent-icon-color-light :#FFFFFF44;
	--accent-border-color     :#086285;
	--accent-frame-color      :#086285;

	/* グローバルナビカラーリング */
	--navi-background-color :#dfe9ed;
	--navi-font-color       :#471b07;
	--navi-font-color-light :#000000A0;
	--navi-icon-color       :#fff;
	--navi-icon-color-light :#1d86ae44;
	--navi-border-color     :#1d86ae;
	--navi-frame-color      :#1d86ae;

	/* グレースケールカラー */
	--color-white      :#FFFFFF;
	--color-black      :#000000;
	--color-gray       :#00000088;
	--color-gray-light :#00000044;
	--color-gray-dark  :#000000AA;


	/*リンクテキストカラー*/
	--color-link		:#ff1859;

	/* 警告色 */
	--color-warning    :#ff0000;
	--color-notion    :#e56289;


	/* メインビジュアル */
	--mv-bg :url(/_assets/img/mv-bg.jpg);
	--mv-bg-blur :20px;
	--mv-bg-color :#1d86ae;
	--mv-bg-alpha :0.3;

	--mv-image-pc :url(/_assets/img/noimage.jpg);
	--mv-image-sp :url(/_assets/img/noimage.jpg);

	--mv-title-frame-color :#FFFFFF;
	--mv-title-frame-size :1px;
	--mv-title-frame-radius :0.5em;

}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
}