@charset "utf-8";

/* CSS Document */

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

/* ======================================================
	Side
------------------------------------------------------ */
.Side
{
}

/* ======================================================
	side・固定
------------------------------------------------------ */
.sideArea
{
	top: 5em;
	right: 0;
	z-index: 50;
	text-align: center;
	font-weight: bold;
	letter-spacing: normal;
	margin-top: 1em;
	background-color: rgba(255,255,255,0.9);
}

.sideArea>.Wrap
{
	font-size: 0.8em;
}

.sideArea ul
{
	margin: 0;
	list-style: none;
	border-width: 1px 0 0 1px;
}

.sideArea li
{
	margin: 0;
	border-bottom-width: 1px;
}

.sideArea li:not(:last-child)
{
}

.sideArea li>.Wrap
{
	display: inline-block;
}

.sideArea a
{
	display: block;
}

.sideArea a:after
{
	content: none;
}

/*
	padding: 1em;
	width: 3em;
	line-height: 1.05;
	text-align: center;
*/

.sideArea a>span
{
	display: block;
}

.sideArea a>span:not([class])
{
	height: 2em;
	line-height: 2em;
}

.sideArea a:hover
{
}

.sideArea a .Icon
{
}

.sideArea a .icon
{
	margin-right: 0;
	width: initial;
	height: initial;
	line-height: initial;
	margin-bottom: 0.5em;
}

/* ======================================================
	上へ戻る
------------------------------------------------------ */
#Document
{
}

.FooterBtn
{
	position: fixed;
	right: 0em;
	text-align: right;
	letter-spacing: 0;
	z-index: 99;
}

/*
	left: 0em;
*/

.FooterBtn>.Wrap
{
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

.FooterBtn a
{
	text-decoration: none;
	display: inline-block;
}

.BackTop,
.BackTop a
{
	border-radius: 100em;
}
.BackTop
{
	display: inline-block;
	font-size: 1.5em;
	line-height: 2em;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
}
/*　→ <script>本体で指定
	margin-bottom: -1em;
*/


.BackTop a
{
	display: block;
	width: 2em;
	height: 2em;
}
/*
	border-width: 1px;
*/

.BackTop a:before,
.BackTop a:after
{
	content: "";
	display: block;
	position: absolute;
	top: 0.725em;
	left: 50%;
	margin-left: auto;
	margin-right: auto;
}

.BackTop a:before
{
	width: 0.5em;
	height: 0.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	transform: translateX(-50%) rotate(-45deg);
}

.BackTop a:after
{
	width: 0;
	height: 0.75em;
	border-left-width: 1px;
	transform: translateX(-50%);
}

.BackTop a:hover
{
	opacity: 0.8;
}

.BackTop a:hover:before
{
}

.BackTop a:hover:after
{
}

/* 止まったら */
.stop .FooterBtn
{
}

.stop .FooterBtn .BackTop a
{
}

.stop .BackTop a
{
	background-color: transparent;
}

.stop .BackTop a:before,
.stop .BackTop a:after
{
}


/* ======================================================
	<footer>
------------------------------------------------------ */
.Footer
{
	clear: both;
	text-align: center;
	margin: 0;
}
/*
	border-top-width: 1px;
	padding-top: 1em;
	font-size: 0.8em;
*/

.Footer>.Wrap
{
}

.Footer div:not(.Flex)>ul
{
	margin: 0;
	list-style: none;
	text-align: inherit;
}

.Footer ul li
{
}

.Footer :is(a, .a)
{
	display: inline-block;
	font-size: 0.8em;
	color: inherit;
}

.Footer>.Wrap>*
{
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top-width: 1px;
}
/*
*/

.Footer>.Wrap>*:nth-of-type(1)
{
	background-color: rgba(255,255,255,0.8);
}

.Footer>.Wrap>*:nth-of-type(2)
{
	background-color: rgba(255,255,255,0.5);
}

.Footer>.Wrap>*:nth-of-type(3)
{
	background-color: rgba(255,255,255,0.25);
}

.Footer>.Wrap>*:nth-of-type(4)
{
}

.Footer>.Wrap>*:nth-of-type(5)
{
	background-color: rgba(0,0,0,0.1);
}

.Footer>.Wrap>*:nth-of-type(6)
{
	background-color: rgba(0,0,0,0.2);
}

.Footer>.Wrap>*:last-child
{
}

/* menu */
/*
.Footer .Menu	{
	text-align: center;
}
.Footer .Menu >.Wrap	{
}
.Footer .Menu ul	{
}
.Footer .Menu ul ul	{
	font-size: 1em;
}
.Footer .Menu li	{
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	margin-bottom: 0;
}
.Footer .Menu li:not(:first-child)	{
	margin-left: 2em;
}
.Footer .Menu li:not(:last-child)	{
	margin-right: 2em;
}
.Footer .Menu a	{
	display: block;
}
.Footer .Menu a:before	{
}
.Footer .Menu .icon	{
	margin-right: 0.5em;
}
.Footer .Menu .icon img	{
	width: 1.5em;
	height: 1.5em;
}
*/

.Footer .ContactDetails
{
	padding-top: 2em;
	padding-bottom: 2em;
}

/*.Footer>.Wrap>*:nth-of-type(2)*/
.Footer .FooterInfo
{
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: rgba(255,255,255,1.0);
}

.Footer .FooterInfo>.Wrap
{
}

.Footer .FooterInfo>.Wrap>*
{
	display: inline-block;
	vertical-align: middle;
}

.Footer .FooterInfo>.Wrap>*:not(:first-child)
{
	margin-left: 2em;
}

.Footer .FooterInfo>.Wrap>*>*
{
}

.Footer .FooterInfo>.Wrap>*>*:not(:first-child)
{
}

.Footer .FooterInfo .Info
{
	display: inline-flex;
	align-items: center;
}

.Footer .FooterInfo .Navi
{
	text-align: left;
	margin-left: 1em;
}

.Footer .FooterInfo .Navi>*
{
	font-size: 0.8em;
}

.Footer .FooterInfo .Navi .title
{
	font-weight: bold;
	padding-right: 1em;
	white-space: nowrap;
}


.Footer .Menu
{
	text-align: right;
}

.Footer .Menu ul
{
}

.Footer .Menu ul>li
{
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}

.Footer .Menu ul>li:not(:first-child)
{
	margin-left: 2em;
}

.Footer .Menu .title
{
}

.Footer .Copy
{
	clear: both;
	text-align: center;
}

.Footer .Copy a
{
	color: inherit;
}