@charset "utf-8";

/* CSS Document */

/* ======================================================
	[color]
	@import"../css/test_line.css";
====================================================== */

/*★未決★　[181126]グラデーションでhoverアニメーション
	https://qiita.com/hibikikudo/items/6dbc560ea58cf10617fa
	本体		…　position: relative;
	本体:after	…　position: absolute;
					opacity: 0;
					background-image: linear-gradient(135deg, #f2d50f 0%, #da0641 100%);
	本体:hover:after	…　opacity: 1;
*/


/* ------------------------------------------------------
	色・基本 */
body, hr,
a, img, div, p, blockquote,
strong, span, b, small, em,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6, pre,
table, th, td, caption, thead, tbody, tfoot,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, article,
.Border,
*:before,
*:after,
select,
input, textarea, button, label
{
	border-color: rgb(var(--border_color));
}


[class*="icon_w"]
{
	color: rgb(var(--w));
}

[class*="icon_w"] .ColorBtn
{
	--btn_bg_color			: rgb(var(--w));
}
/*
	background-color: rgb(var(--btn_bg_color));
*/

[class*="icon_w"] .ColorBtn:after
{
	--btn_bg_color			: rgb(var(--w));
}
/*
	background-color: rgb(var(--w));
*/

[class*="icon_k"]
{
	color: rgb(var(--bk));
}


body
{
	background-color: rgb(var(--w));
	color: rgb(var(--color));
}

a,
input,
textarea
{
	color: inherit;
}

table,
tr,
th,
td
{
	border-color: rgb(var(--border_color));
}

th
{
	background-color: rgb(var(--bg_color) / 0.1);
}

td
{
}


.ColorBtn.arrow:after
{
	background-color: rgb(var(--w));
}

.Copy,
.pagetitle,
.Gallery.Slider .slick-arrow:after
{
	background-color: rgb(var(--bg_color));
	color: rgb(var(--w));
}

.scroll_stop .scroll_btn .Btn
{
	background-color: rgb(var(--bg_color) / 0.75);
}

.scroll_stop .scroll_btn .Btn :where(a, .a):before,
.scroll_stop .scroll_btn .Btn :where(a, .a):after
{
	border-color: rgb(var(--w));
}


/* <table>シマシマ */
table.Stripe
{
}

table.Stripe tbody tr:nth-of-type(odd) :where(th, td)
{
}

table.Stripe tbody tr:nth-of-type(even) :where(th, td)
{
	background-color: rgb(var(--bl) / 0.1);
}


:is(.SmallSize, .MiddleSize, .LargeSize) .changeBtn :is(.small, .middle, .large)
{
	background-color: rgb(var(--bg_color) / 0.5);
	color: rgb(var(--w));
}


.slider .slick-dots li button:before
{
	background-color: rgb(var(--bg_color));
}


/* 半透明※セロハンを被せる */
.lucent
{
	--lucent_color			: var(--bk);
	--lucent_color_bg		: var(--w);
	--lucent_color_bg_alpha	: 0.65;

	color: rgb(var(--lucent_color));
}

.lucent:after
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(var(--lucent_color_bg) / var(--lucent_color_bg_alpha));
}

.lucent:hover
{
}

.lucent:hover:after
{
	--lucent_color_bg_alpha	: 0.0;
}

/* 半透明・くろ */
.lucent_k
{
	--lucent_color			: var(--w);
	--lucent_color_bg		: var(--bk);
	--lucent_color_bg_alpha	: 0.4;
}

.lucent_k .ColorBtn
{
	--color					: var(--w);
	--button_bg_color		: var(--w);

	border-color			: rgb(var(--w) / 0.65);
}



/* ------------------------------------------------------
	色・あか */
sup.Required,
sub.Required,
.Required>*:before,
.Required>*:after,
.Alert,
.error_txt,
.Message,
.ErrorMessage,
.NewMark,
.NewMark:before,
[href$=".pdf"]:before
{
	color: rgb(var(--r));
}

.form_error
{
	background-color: rgb(var(--r) / 0.1);
	border-color: rgb(var(--r));
}

.lead.Corner,
.lead.Corner>.Wrap
{
	border-color: rgb(var(--r) / 0.2);
}

.EntrySheet .Error b
{
	color: rgb(var(--r) / 0.8);
}

.BtnOk,
.ColorBtn.ColorR,
.Kago
{
	color			: rgb(var(--w));
	background-color: rgb(var(--r));
}

.BtnOk:after,
.Kago:before
{
	background-color: rgb(var(--w));
}


/* form / error */
.Error
{
}

.Error :is(select, input, textarea):not(.ColorBtn),
.Contact .form :where(.table_toiawase .Error .list, .Error label)
/*
.Error select,
.Error input,
.Error textarea
*/
{
	background-color: rgb(var(--r) / 0.2);
}

/* <select>直に疑似要素は設定できない
.Error select,
.Error label	{
	background-color: rgb(var(--r) / 0.5);
}
.Error select:before,
.Error label:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(var(--w));
}
*/

	
/* ------------------------------------------------------
	背景・グラデーション・k */
.gradation,
.gradation_circle
{
/*
[171103]
	グラデーションのかかった背景をCSSでふわっと変える方法(http://web-codery.com/html/80)
	最後にベタを敷く
*/
	--gradation_angle				: 90deg;
	--gradation_color_start			: 0 0 0;
	--gradation_color_start_alpha	: 0.3;
	--gradation_color_end			: 255 255 255;
	--gradation_color_end_alpha		: 0.5;
	
	background-image: linear-gradient(
		var(--gradation_angle),
		rgb(var(--gradation_color_start) / var(--gradation_color_start_alpha)),
		rgb(var(--gradation_color_end) / var(--gradation_color_end_alpha))
	);
	background-color: rgb(var(--w) / 0);
}

.tabrow li
{
	background-image: linear-gradient(
		170deg 
		rgb(var(--bk) / 0.025) 
		rgb(var(--bk) / 0.1)
	);
	background-color: rgb(var(--bk) / 0);
	background-color: rgb(var(--w));
}

.tabrow li:not(.selected):hover
{
/*
[171103]
	グラデーションのかかった背景をCSSでふわっと変える方法(http://web-codery.com/html/80)
	先にベタを敷く
*/
	background-color: rgb(var(--bk) / 0);
	background-color: rgb(var(--w));
	background-image: linear-gradient(
		170deg 
		rgb(var(--bk) / 0.1) 
		rgb(var(--bk) / 0.15)
	);
	color: inherit;
}

/* グラデーション・円 */
.gradation_circle
{
	--gradation_angle				: circle closest-side,;
	--gradation_angle				: closest-side,;
	--gradation_angle				: ;
	
	background-image: radial-gradient(
		var(--gradation_angle)
		rgb(var(--gradation_color_start) / var(--gradation_color_start_alpha)),
		rgb(var(--gradation_color_end) / var(--gradation_color_end_alpha))
	);
}
/*
	background: -webkit-radial-gradient(
		circle closest-side,
		rgb(250,190,0,0.4),
		rgb(250,190,0,0.0)
	);
	background: -moz-radial-gradient(
		circle closest-side,
		rgb(250,190,0,0.4),
		rgb(250,190,0,0.0)
	);
	background: radial-gradient(
		rgb(
			circle closest-side,
			250,190,0,0.4
		),
		rgb(250,190,0,0.0)
	);
*/



/* ======================================================
	影
------------------------------------------------------ */
.text_shadow
{
	--text_shadow_1_position	: 0px 5px;
	--text_shadow_1_blur		: 0px;
	--text_shadow_1_color		: 0 0 0;
	--text_shadow_1_color_alpha	: 0.3;
	
	--text_shadow_2_position	: 0px -5px;
	--text_shadow_2_blur		: 0px;
	--text_shadow_2_color		: var(--r);
	--text_shadow_2_color_alpha	: 0.3;
	
	text-shadow:
		var(--text_shadow_1_position) var(--text_shadow_1_blur) rgb(
			var(--text_shadow_1_color) / var(--text_shadow_1_color_alpha)
		),
		var(--text_shadow_2_position) var(--text_shadow_2_blur) rgb(
			var(--text_shadow_2_color) / var(--text_shadow_2_color_alpha)
		)
	;
}
/*
	text-shadow:
		0 0 0.25em rgb(var(--bk) / 0.5) 
		0 0 1em rgb(var(--bk))
	;
*/


/* ======================================================
	縁取り
------------------------------------------------------ */
.fuchi
{
	--fuchi_position_left	: 0px;
	--fuchi_position_top	: 0px;
	--fuchi_blur			: 1px;
	--fuchi_color			: 255 255 255;
	--fuchi_color_alpha		: 0.5;
	
	text-shadow:
		var(--fuchi_position_left) var(--fuchi_position_top) var(--fuchi_blur) rgb(
			var(--fuchi_color) / var(--fuchi_color_alpha)
		),
		calc(0em - var(--fuchi_position_left)) calc(0em - var(--fuchi_position_top)) var(--fuchi_blur) rgb(
			var(--fuchi_color) / var(--fuchi_color_alpha)
		),
		calc(0em - var(--fuchi_position_left)) var(--fuchi_position_top) var(--fuchi_blur) rgb(
			var(--fuchi_color) / var(--fuchi_color_alpha)
		),
		var(--fuchi_position_left) calc(0em - var(--fuchi_position_top)) var(--fuchi_blur) rgb(
			var(--fuchi_color) / var(--fuchi_color_alpha)
		),
		var(--fuchi_position_left) var(--fuchi_position_top) var(--fuchi_blur) rgb(
			var(--fuchi_color) / var(--fuchi_color_alpha)
		),
		var(--fuchi_position_left) calc(0em - var(--fuchi_position_top)) var(--fuchi_blur) rgb(
			var(--fuchi_color) / var(--fuchi_color_alpha)
		),
		calc(0em - var(--fuchi_position_left)) var(--fuchi_position_top) var(--fuchi_blur) rgb(
			var(--fuchi_color) / var(--fuchi_color_alpha)
		),
		var(--fuchi_position_left) var(--fuchi_position_top) var(--fuchi_blur) rgb(
			var(--fuchi_color) / var(--fuchi_color_alpha)
		)
	;
}

.fuchi.soft_thin
{
	--fuchi_blur			: 0.05em;
}

.fuchi.soft
{
	--fuchi_blur			: 0.25em;
}

.fuchi.soft_bold
{
	--fuchi_blur			: 0.5em;
}

.fuchi.soft_soft
{
	--fuchi_blur			: 1em;
	--fuchi_color_alpha		: 0.3;
}

.fuchi.soft_soft_bold
{
	--fuchi_blur			: 1em;
}

.fuchi.soft_soft_soft_bold
{
	--fuchi_blur			: 2em;
}


.fuchi_w
{
}

.fuchi_k
{
	--fuchi_color			: 0 0 0;
	color: rgb(var(--w));
}


/* ------------------------------------------------------
	[210810]
	CSSだけで文字装飾
	https://qiita.com/noqua/items/4e418c0af9fe96e7d0ff
------------------------------------------------------ */
.text_stroke
{
	--text_stroke_color				: 255 255 255;
	--text_stroke_color_alpha		: 1.0;
	--text_stroke_weight			: 0.25em;
	
	display: inline-block;
	position: relative;
	width: auto;
	-webkit-background-clip: text;
	z-index: 5;
}

.text_stroke:before,
.text_stroke:after
{
	display: inline-block;
	position: absolute;
	top: 0em;
	left: 0em;
	width: auto;
	content: attr(data-text);
}
/*
	white-space: nowrap;
*/

.text_stroke:before
{
	-webkit-text-stroke: var(--text_stroke_weight) rgb(
		var(--text_stroke_color) / var(--text_stroke_color_alpha)
	);
}

.text_stroke>*
{
	text-shadow: none;
	z-index: 5;
}

/* フチドリ・2重 */
.text_stroke.text_stroke_double
{
	--text_stroke_double_color			: 244 67 54;
	--text_stroke_double_color_alpha	: 1.0;
	--text_stroke_double_weight			: 0.5;
	
}

.text_stroke.text_stroke_double:after
{
	-webkit-text-stroke: calc(var(--text_stroke_weight) * var(--text_stroke_double_weight)) rgb(
		var(--text_stroke_double_color) / var(--text_stroke_double_color_alpha)
	);
}

/* フチドリ・太さ */
.text_stroke.stroke_bold
{
	--text_stroke_color_alpha		: 1.0;
	--text_stroke_weight			: 0.5em;
}

.text_stroke.stroke_bolder
{
	--text_stroke_color_alpha		: 1.0;
	--text_stroke_weight			: 0.75em;
}


/* フチドリ・1つ目の色 */
.text_stroke_r
{
	--text_stroke_color				: var(--r);
	color: rgb(var(--w));
}
.text_stroke_pk
{
	--text_stroke_color				: var(--pk);
	color: rgb(var(--w));
}
.text_stroke_bl
{
	--text_stroke_color				: var(--bl);
	color: rgb(var(--w));
}
.text_stroke_gr
{
	--text_stroke_color				: var(--gr);
	color: rgb(var(--w));
}
.text_stroke_k
{
	--text_stroke_color				: 0 0 0;
	color: rgb(var(--w));
}

.text_stroke_OR
{
	--text_stroke_color				: var(--or);
	color: rgb(var(--w));
}


/* ======================================================
	背景
------------------------------------------------------ */
/* 影 */
.shadow
{
	--shadow_position		: 0.5em 0.5em;
	--shadow_blur			: 0em;
	--shadow_color			: 0 0 0;
	--shadow_color_alpha	: 0.2;
	
	-webkit-box-shadow: var(--shadow_position) var(--shadow_blur) rgb(
		var(--shadow_color) / var(--shadow_color_alpha)
	);
	box-shadow: var(--shadow_position) var(--shadow_blur) rgb(
		var(--shadow_color) / var(--shadow_color_alpha)
	);
}


/* 斜線 */
.pattern_stripe
{
	--stripe_angle			: -20deg;
	--stripe_color			: 255 255 255;
	--stripe_color_alpha	: 0.3;
	--stripe_color_size		: 1em;
	--stripe_color_step		: 2;
	
	background-image: repeating-linear-gradient(
		var(--stripe_angle),
		rgb(var(--stripe_color) / var(--stripe_color_alpha)),
		rgb(var(--stripe_color) / var(--stripe_color_alpha)) var(--stripe_color_size),
		rgb(var(--stripe_color) / 0) 0,
		rgb(var(--stripe_color) / 0) calc(var(--stripe_color_size) * var(--stripe_color_step))
	);
}


/*
	カラフルなストライプ
	------------------------------------------------------
	CSSだけでストライプの背景を作ってみる
	https://dg-workspace.net/archives/1358
*/
.pattern_stripe_c4
{
	--stripe_c4_angle			: 90deg;
	--stripe_c4_color_clear		: 255 255 255 / 0.0;
	--stripe_c4_color1			: 115 208 194;
	--stripe_c4_color2			: 255 197 48;
	--stripe_c4_color3			: 253 123 135 / 0.75;
	--stripe_c4_color_size		: (var(--font) * 0.8);
	--stripe_c4_color_step		: 1;
	
	background-image: repeating-linear-gradient(
		var(--stripe_c4_angle),
		rgb(var(--stripe_c4_color_clear)) calc( var(--stripe_c4_color_size) * 0),
		rgb(var(--stripe_c4_color_clear)) calc( var(--stripe_c4_color_size) * var(--stripe_c4_color_step)),
		rgb(var(--stripe_c4_color1))      calc( var(--stripe_c4_color_size) * var(--stripe_c4_color_step)),
		rgb(var(--stripe_c4_color1))      calc((var(--stripe_c4_color_size) * 2) * var(--stripe_c4_color_step)),
		rgb(var(--stripe_c4_color_clear)) calc((var(--stripe_c4_color_size) * 2) * var(--stripe_c4_color_step)),
		rgb(var(--stripe_c4_color_clear)) calc((var(--stripe_c4_color_size) * 3) * var(--stripe_c4_color_step)),
		rgb(var(--stripe_c4_color2))      calc((var(--stripe_c4_color_size) * 3) * var(--stripe_c4_color_step)),
		rgb(var(--stripe_c4_color2))      calc((var(--stripe_c4_color_size) * 4) * var(--stripe_c4_color_step)),
		rgb(var(--stripe_c4_color_clear)) calc((var(--stripe_c4_color_size) * 4) * var(--stripe_c4_color_step)),
		rgb(var(--stripe_c4_color_clear)) calc((var(--stripe_c4_color_size) * 5) * var(--stripe_c4_color_step)),
		rgb(var(--stripe_c4_color3))      calc((var(--stripe_c4_color_size) * 5) * var(--stripe_c4_color_step)),
		rgb(var(--stripe_c4_color3))      calc((var(--stripe_c4_color_size) * 6) * var(--stripe_c4_color_step))
	);
}


/* 水玉 */
.pattern_dot
{
	--dott_color1	: 0 0 0 / 0.5;
	--dott_color2	: 244 67 54 / 0.5;
	--dott_size		: 10%;
	--dott_step		: 0.5em;
	
	background-image:
		radial-gradient(
			rgb(var(--dott_color1)) var(--dott_size),
			transparent calc(var(--dott_size) * 2)
		),
		radial-gradient(
			rgb(var(--dott_color2)) var(--dott_size),
			transparent calc(var(--dott_size) * 2)
		)
	;
	background-size: calc(var(--dott_step) * 2) calc(var(--dott_step) * 2);
	background-position: 0 0, var(--dott_step) var(--dott_step);
}


/* ======================================================
	線
------------------------------------------------------ */
hr
{
}

hr.Blank
{
	background: none;
	border-width: 0;
}

.Index hr
{
	background: transparent;
}

hr.thin
{
	background: none;
	border-width: 0;
	margin: 0;
	height: 0;
}

/* ------------------------------------------------------
	線で囲む
*/
.Frame
{
	margin-top: 2em;
}

.Frame:not(:last-of-type)
{
	margin-bottom: 2em;
}

:is(.Border, .Frame)
{
	padding: 1.5em;
}

.Border
{
	border-width: 0.5em;
}

.BorderThin
{
	border-width: 1px;
}

.BorderMedium
{
	border-width: 3px;
}


.Drawer .Frame
{
	margin-top: 0;
	margin-bottom: 0;
}

.Drawer .Menu>.Wrap>.Frame:first-of-type
{
	padding-top: 0;
}

/* ------------------------------------------------------
	[160924]追加　内側へ線を引く */
.BorderInside
{
	display: inherit;
	position: relative;
}

.BorderInside:after
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	box-shadow: inset 0px 0px 0px 1px rgb(var(--w) / 0.5);
}

button.Border
{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}


/* ------------------------------------------------------
	テープ */
.Tape
{
	--tape_color		: var(--r);
	--tape_color_alpha	: 0.5;
	
	background-color: rgb(var(--tape_color) / var(--tape_color_alpha));
}
/*
	display: inline;
	text-decoration-line: none;
	background: linear-gradient(
		transparent 0em,
		rgb(var(--w) / 0.9) 0,
		rgb(var(--w) / 0.9) calc(1em + 0.5em),
		transparent 0
	);
*/


.Tape.ColorR
{
	--tape_color		: 255 0 0;
}

.Tape.ColorR100
{
	--tape_color		: 255 0 0;
	--tape_color_alpha	: 1.0;
}

.Tape.ColorOR
{
	--tape_color		: 243 151 0;
	--tape_color_alpha	: 0.6;
}

.Tape.ColorY
{
	--tape_color		: 255 193 7;
	--tape_color_alpha	: 0.9;
}

.Tape.ColorG
{
	--tape_color		: 139 195 74;
	--tape_color_alpha	: 0.6;
}

.Tape.ColorBL
{
	--tape_color		: 33 150 243;
	--tape_color_alpha	: 0.4;
}

.Tape.ColorW
{
	--tape_color		: 255 255 255;
	--tape_color_alpha	: 0.9;
}

.Tape.ColorK
{
	--tape_color		: 0 0 0;
	--tape_color_alpha	: 0.2;
}

/*
.Tape.EU
{
	background: linear-gradient(
		transparent 0.275em,
		rgb(var(--w) / 0.9) 0,
		rgb(var(--w) / 0.9) 1.025em,
		transparent 0
	);
}
*/

/* ------------------------------------------------------
	下線 */
.under_line
{
}

.under_line:after
{
	content: "";
	position: absolute;
	top: calc(100% - 0.25em);
	left: 0;
	right: 0;
	border-bottom-width: 1px;
}


.UnderLine
{
	text-decoration-line: underline;
}

.Under
{
	--under_color				: var(--r);
	--under_color_start_alpha	: 0.5;
	--under_color_end_alpha		: 0.5;
	--under_start				: 0.8em;
	--under_end					: 1.25em;
	
	text-decoration-line: none;
	background: linear-gradient(
		transparent var(--under_start),
		rgb(var(--under_color) / var(--under_color_start_alpha)) 0,
		rgb(var(--under_color) / var(--under_color_end_alpha)) var(--under_end),
		transparent 0
	);
}
/*
	display: inline;
	text-decoration-line: none;
	background: linear-gradient(
		transparent 0.8em,
		rgb(255,152,0,0.7) 0,
		rgb(255,152,0,0.9) calc(1em + 0.5em),
		transparent 0
	);
	padding: 0em 0em;
*/

.Under *
{
	display: inline;
}


.Under.Double
{
	--under_color_alpha			: 1.0;
	--under_start				: 0.8em;
	--under_color_size			: 2px;
	--under_color_step			: 4px;
	
	background: linear-gradient(
		transparent var(--under_start),
		rgb(var(--under_color) / var(--under_color_alpha)) 0,
		rgb(var(--under_color) / var(--under_color_alpha)) calc(var(--under_start) + var(--under_color_size)),
		transparent 0,
		transparent calc(var(--under_start) + var(--under_color_step)),
		rgb(var(--under_color) / var(--under_color_alpha)) 0,
		rgb(var(--under_color) / var(--under_color_alpha)) calc(var(--under_start) + (var(--under_color_size) + var(--under_color_step))),
		transparent 0
	);
}
/*
	background: linear-gradient(
		transparent 0.8em,
		red 0,
		red calc(0.8em + 1px),
		transparent 0,
		transparent calc(0.8em + 3px),
		red 0,
		red calc(0.8em + 4px),
		transparent 0
	);
*/

.Under.Zigzag
{
	background-image: url(../img/wave_2px-1px_20px.svg);
	background-position: center bottom;
	background-repeat: repeat-x;
	padding: 0.25em 0em;
}

.Under.ZigzagS
{
	background-image: url(../img/wave_1px-0_5px_20px_double.svg);
}


.Under.ColorR
{
	--under_color				: 255 0 0;
	--under_color_start_alpha	: 0.2;
	--under_color_end_alpha		: 0.2;
}

.Under.ColorR100
{
	--under_color				: 255 0 0;
	--under_color_start_alpha	: 0.8;
	--under_color_end_alpha		: 0.8;
}

.Under.ColorOR
{
	--under_color				: 243 151 0;
	--under_color_start_alpha	: 0.4;
	--under_color_end_alpha		: 0.6;
}

.Under.ColorY
{
	--under_color				: 255 193 7;
	--under_color_start_alpha	: 0.7;
	--under_color_end_alpha		: 0.9;
}

.Under.ColorG
{
	--under_color				: 139 195 74;
	--under_color_start_alpha	: 0.6;
	--under_color_end_alpha		: 0.8;
}

.Under.ColorBL
{
	--under_color				: 33 150 243;
	--under_color_start_alpha	: 0.3;
	--under_color_end_alpha		: 0.4;
}

.Under.ColorW
{
	--under_color				: var(--w);
	--under_color_start_alpha	: 0.7;
	--under_color_end_alpha		: 0.9;
}

.Under.ColorK
{
	--under_color				: 0 0 0;
	--under_color_start_alpha	: 0.2;
	--under_color_end_alpha		: 0.2;
}


/* ======================================================
	金色
------------------------------------------------------ */
/*
#Signin .SignInForm>.Wrap>.Wrap,
#Signin .SignInForm>.Wrap:before,
#Signin .SignInForm>.Wrap:after,
#Signin .SignInForm>.Wrap>.Wrap:before,
#Signin .SignInForm>.Wrap>.Wrap:after
	{
	border-color: #dec052;
	border-color: rgb(222,192,82,1.0);
}

body:before,
body:after,
.GlobalMenu .MenuOn span:after
	{
	content: "";
	display: block;
	height: 0.5em;
	width: 100%;
	background-image: linear-gradient(
		-1deg,
		rgb(242,224,139,1.0),
		rgb(202,154,12,1.0),
		rgb(250,206,0,1.0),
		rgb(255,251,208,1.0)
	);
}
*/