@charset "utf-8";

html, body {
	height: 100%;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

#wrapper {
	position: relative;
	min-height: 100%;
	height: 100%;
}

#gHeader {
	color: #000;
	line-height: 1.5;
}

#gHeader a:hover {
	color: #000;
	text-decoration: underline;
}
#gHeader a:visited {
	color: #000;
	text-decoration: none;
}
#gHeader a, #gHeader a:link {
	color: #000;
	text-decoration: none;
}

#pagePath {
	font-size: 12px;
}

#pagePath a {
	color: #000;
}

#pagePath a:hover {
	text-decoration: underline;
}

#contents {
	background:none;
}

.flowline li.active {
	color: #B40000;
}
.flowline li.active .flow_number {
	background: #B40000;
}

#gFooter {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #000;
	line-height: 1.5;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

#gFooter a:hover {
	color: #000;
	text-decoration: underline;
}
#gFooter a:visited {
	color: #000;
	text-decoration: none;
}
#gFooter a, #gFooter a:link {
	color: #000;
	text-decoration: none;
}

@media (max-width: 767px) and (min-width: 0px){

	#contents .container-fluid.inner {
		padding: 0 20px;
	}

	#gHeader .mobileBox {
		z-index: 9999999;
	}

	#main {
		margin:0 auto 40px;
	}

	#contents {
		/*padding-top: 30px;*/
	}

	.mobileBox ul.spLink:after {
		content: ".";
		display: block;
	}

	.mobileBox .spLink li {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	.mobileBox .spLink li span {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	.mobileBox .spLink li.line_banner_list_wrapper {
		width: 100%;
	}

	#gFooter {
		position: static;
	}
}