@charset "utf-8";

/*=== Box-sizing ===*/
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*=== Body ===*/
body {
	line-height:1.6;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #000;
}

header {
	width: 100%;
	position: fixed;
	z-index:100;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

/* ページトップ */
.pageTop {
	position: fixed;
	bottom: 50px;
	right: 14px;
	height: 42px;
	width: 42px;
	cursor: pointer;
	float: right;
}

.pageTop a,
.pageTop a:visited {
	opacity: 1 ;
	transition:all 0.4s ease;
}

.pageTop a:hover {
	opacity: 0.5 ;
}

/* フッタ */
footer {
	background-color: #000;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 34px;
}

.footerArea {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

ul.spNon {
	display: block;
	overflow: hidden;
	margin-bottom: 4px;
}

ul.spNon li {
	float: right;
	font-size: 16px;
	line-height: 120%;
	color: #DBDBDB;
}

ul.spNon li a,
ul.spNon li a:visited {
	text-decoration: none;
	color: #DBDBDB;
	transition:all 0.4s ease;
}

ul.spNon li a:hover {
	text-decoration: underline;
	color: #FFF;
}

.footerTitleImg {
	text-align: center;
	padding-bottom: 18px;
}

.copyright {
	font-size: 14px;
	line-height: 120%;
	color: #DBDBDB;
	text-align: center;
}


@media screen and (max-width: 992px){ /*768*/


header {
	width: 100%;
	position: fixed;
	z-index:100;
	border-bottom-style: none;
}

/* ページトップ */
.pageTop {
	position: fixed;
	right: 3%;
	bottom: 64px;
	height: 42px;
	width: 42px;
	cursor:pointer;
}

/* フッタ */
footer {
	background-color: #000;
	width: 100%;
	padding-top: 18px;
	padding-bottom: 28px;
	padding-right: 4%;
	padding-left: 4%;
}

.footerArea {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

ul.spNon {
	display: none;
}

.footerTitleImg {
	text-align: center;
	padding-bottom: 18px;
}

.footerTitleImg img {
	height: auto;
	max-width: 70%;
}

.copyright {
	font-size: 14px;
	line-height: 120%;
	color: #DBDBDB;
	text-align: center;
}

}


.hide {
    display: none;

}
.error {
    color: red;
}