/*
Template:easel
Theme Name:style_deco
Version: 1.1.1
*/

/* ここから下に書いたCSSが、親テーマCSSに上書きされます。 */

/********************************************************
	カラー一括設定
********************************************************/
/* カラーパレット替わりになるのでこちらにも記載しています */
/* こちらのカラーパレットで色を変更した場合は全体の装飾にも反映されます */
/* 色を追加する場合は「 --識別名: #色コード;」（コピペ用）を*/
/* :rootの{}内に追加してください。*/
/* 要素に色を適用させる場合は「color: var(--識別名);」（コピペ用）です。*/
/* ※色を適用する要素であれば、「var(--要素名);」を引数にすればOKです。 */

	:root {
		--smokeblue: #a4c1d7;  /* 指定色  */
		--smokeblue-dark: #89a4b8; 
		--smokeblue-extradark: #505b66; /* 指定色 */
		--gray-dark: #3d3d3d;
		--gray-middle: #a3aab0;
		--gray-light: #cbcfd8;
		--gray-extralight: #eff2f7;
		--lightcolor: #fffff;
		--darkcolor: #323438;
	}
/********************************************************
	ベースのスマホサイズ
********************************************************/
/* 角丸ボタン */


/********************************************************
	大きめのスマホサイズ
********************************************************/
@media only screen and (min-width: 481px) {
/*******************************************************/

} /* ！消さないで！　481px　ここまで　 */
/********************************************************
	タブレット＆小さいパソコン
********************************************************/
@media only screen and (min-width: 768px) {
/*******************************************************/

} /* ！消さないで！　768px　ここまで　 */
/********************************************************
	デスクトップサイズ
********************************************************/
@media only screen and (min-width: 1030px) {
/*******************************************************/
	
} /* ！消さないで！　1030px　ここまで　 */
/********************************************************
	大きなサイズのデバイス
********************************************************/
@media only screen and (min-width: 1240px) {
/*******************************************************/
	
} /* ！消さないで！　1240px　ここまで　 */