@charset "utf-8";
/* CSS Document */

header {
	background-size: cover;
	padding: 0 0 30px;
	margin: 0;
	text-align: center;
}

header img {
	width: 100%;
	max-width: 700px;
}

#footer {
	background: #3E3A39;
	padding: 5px;
	text-align: center;
	clear: both;
	color: #FFF;
	font-size: 90%;
	width: 100%;
}

#footer a:link {
	color: #FFF;
}
#footer a:visited {
	color: #FFF;
}
#footer a:hover {
	color: #CCC;
}
#footer a:active {
	color: #CCC;
}

#footer hr.hr01 {
	background-color: #A19CCA;
	border-top: 1px solid #A19CCA;
	margin: 0.5em;
}
/* 表示領域が991.98px以下の場合に適用するスタイル */
@media print, screen and (max-width: 991.98px) {
	header {
    background-size: cover;
		padding: 0;
		max-width: 700px;
		margin: 0 auto 20px;
	}
	#contents { /* 以下 */
		margin: 0 auto;
		max-width: 991.98px;
	}
}

/* 表示領域が992px以上の場合に適用するスタイル */
@media screen and (min-width: 992px) {
	#contents { /* 以上 */
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	#footer {
		width: 100%;
	}
}