@charset "utf-8";

/*	┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
	┃　
	┃　■ 初版 1.0.0
	┃　
	┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/

/* CSS Document */

/*	 ┌──────────────────────────────
	 │　
	 │　■　追加する色を設定ときの、参考サイト
	 │　・http://creators-manual.com/tone/
	 │　
	 │　トーン名省略2文字
	 │　　→ Pale(pa)
	 │　　→ Light Grayish(lg)
	 │　　→ Grayish(gr)
	 │　　→ Dark Grayish(dg)
	 │　
	 │　　→ Light(li)
	 │　　→ Soft(so)
	 │　　→ Dull(du)
	 │　　→ Dark(da)
	 │　
	 │　　→ Bright(br)
	 │　　→ Strong(st)
	 │　　→ Deep(de)
	 │　
	 │　　→ Vivid(vi) 原色
	 │　
	 │　色名称英語表記
	 │　　→ yellow（yel）
	 │　　→ green（gre）
	 │　　→ blue(blu)
	 │　　→ purple(pur)
	 │　　→ red(red)
	 │　　→ orange(org)
	 │　　→ grey(gry)
	 │　　→ white(wht)
	 │　　→ black(blk)
	 │　
	 │　単色の場合
	 │　・（共通セレクタ名）-（トーン名省略2文字）-(色名称英語表記)-(透過率75%→t75)-(通番) 
	 │　
	 │　グラデーションの場合
	 │　・（共通セレクタ名）-（gradient）-（トーン名省略2文字）-(主となる色名称英語表記)-(通番) ※今後は使用しない
	 │　・（共通セレクタ名）-（gd）-（トーン名省略2文字）-(主となる色名称英語表記)-(通番) 
	 │　
	 └──────────────────────────────*/

/*	┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
	┃　
	┃　■ 背景
	┃　
	┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
.bg-gd-01,
.bg-gradient-01{
    background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1));
}

.bg-light-gray {
    background-color: rgba(242,242,242,1.00) !important;
}

	.bg-light-gray-t50 {
		background-color: rgba(242,242,242,0.50) !important;
	}

	.bg-light-gray-t75 {
		background-color: rgba(242,242,242,0.75) !important;
	}

	.bg-light-gray-t85 {
		background-color: rgba(242,242,242,0.85) !important;
	}

/* 上記は、ルール決定前に作成 */

.bg-li-gre-t50-01 {background-color: rgba(239,255,231,0.50) !important;}
.bg-li-gre-t75-01 {background-color: rgba(239,255,231,0.75) !important;}

.bg-gd-st-gre-01,
.bg-gradient-st-gre-01 {
    background-image: linear-gradient(0deg, rgba(95,255,24,1.00), rgba(210,255,191,1.00));
}

.bg-gd-st-blu { /* 濃い青系のグラーデション */
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1E3A96', endColorstr='#FF1C7ABC');
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMxZTNhOTYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzdhYmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(20%, #1e3a96), color-stop(100%, #1c7abc));
	background: -moz-linear-gradient(bottom, #1e3a96 20%, #1c7abc 100%);
	background: -webkit-linear-gradient(bottom, #1e3a96 20%, #1c7abc 100%);
	background: linear-gradient(to top, #1e3a96 20%, #1c7abc 100%);
}