@charset "utf-8";

/* CSS Document */

/* ======================================================
	[color]　red
	@import"../css/test_line.css";
	------------------------------------------------------
	min-width　→　○px以上だと??という設定にする
	max-width　→　○px以下だと??という設定にする
====================================================== */


/*★未決★　[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;
*/


/* ------------------------------------------------------
	[or] */
.BG,
.ribbon,
.ColorBtn,
.GlobalMenu,
.BackTop a,
.sideArea .SNS a,
:is(#Admin, #System) .LogOut a.dir_add,
.Header .uketsuke_header>*
{
	background-color: rgba(230,89,0,1.0);
}

:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut a,
:is(#Admin, #System) #Index #Contents .LogOut a:hover .Img
{
	background-color: rgba(230,89,0,0.9);
}

.PageNavi
{
	background-color: rgba(230,89,0,0.25);
}

.GlobalMenu :is(a, .a):hover>span,
.GlobalMenu .MenuOn :is(a, .a)>span
{
	background-color: rgba(230,89,0,0.5);
}

.ColorBtn,
.ColorBtn:hover:after,
.Header .Navi .Access,
.stop .BackTop a:before,
.stop .BackTop a:after,
:is(#Admin, #System) .BackTop,
:is(#Admin, #System) #Index #Contents .LogOut a

{
	border-color: rgba(230,89,0,1.0);
}

.ColorBtn:before
{
}

.ColorBtn:hover
{
	opacity: 1.0;
	background-color: rgba(255,255,255,1.0);
}

.ColorBtn:hover,
:is(#Admin, #System) #Index #Contents .LogOut a:hover
{
	color: rgba(230,89,0,1.0);
}



/* ------------------------------------------------------
	[y] */
:is(#Admin, #System) #Header>.head,
.Footer,
:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut .MenuOn a,
:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut .MenuOn a:after,
:is(#Admin, #System) .SearchPanel .Btn,
.ColorBtn.Next,
.ColorBtn:is(.update, .nippo)
{
	background-color: rgba(255,193,7,1.0);
}


.ColorBtn.Next,
.ColorBtn:is(.update, .nippo)
{
	border-color: rgba(255,193,7,1.0);
	color: inherit;
}

.ColorBtn.Next:after
{
	border-color: rgba(0,0,0,1.0);
}

.ColorBtn.Next:hover,
.ColorBtn:is(.update, .nippo):hover
{
	color: inherit;
	background-color: rgba(255,255,255,1.0);
	opacity: 1.0;
}

.ColorBtn.Next:hover:after
{
	border-color: rgba(0,0,0,1.0);
}



/* ------------------------------------------------------
	[bl] */
.ColorBtn.copy
{
	background-color: rgba(3,169,244,1.0);
}

.ColorBtn.copy
{
	border-color: rgba(3,169,244,1.0);
}

.ColorBtn.copy:hover
{
	background-color: rgba(255,255,255,1.0);
	color: inherit;
}


/* ------------------------------------------------------
	[r] */
.ColorBtn.delete
{
	background-color: rgba(233,30,30,1.0);
}

.ColorBtn.delete
{
	border-color: rgba(233,30,30,1.0);
}

.ColorBtn.delete:hover
{
	background-color: rgba(255,255,255,1.0);
	color: inherit;
}




/* ------------------------------------------------------
	[w] */
.BG,
.GlobalMenu,
.Header .uketsuke_header>*,
:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut a,
.Footer :is(.Menu, .Copy)
{
	color: rgba(255,255,255,1.0);
}

.BackTop a:before,
.BackTop a:after
{
	border-color: rgba(255,255,255,1.0);
}

:is(#Admin, #System) #Index #Contents .LogOut a:hover
{
	background-color: rgba(255,255,255,1.0);
}


/* ------------------------------------------------------
	[k] */
:is(#Admin, #System) .Menu .ColorBtn:before,
:is(#Admin, #System) #Index #Contents .LogOut a:before
{
	background-color: rgba(0,0,0,0.1);
}

:is(#Admin, #System) .Menu .ColorBtn:hover:before,
:is(#Admin, #System) #Index #Contents .LogOut a:hover:before
{
	background-color: rgba(0,0,0,0.0);
}

:is(#Admin, #System) .SearchPanel .Btn
{
	color: inherit;
}