@charset "utf-8";
html{
	height: 100%;
	font-size: 62.5%;/*10px*/
	overflow: auto;
	overscroll-behavior: none;
}
/**********  **********/
body {
	height: 100%;
	line-height:1.3;
	color: #2d2d2d;
	text-align: left;
	background: #fafafa;
}
.noscroll_back{
	position: fixed;
	/*奥行きを管理*/
	z-index: -1;
	/*下2つで背景を元のサイズのまま表示することができる*/
	width: 100%;
	height: 100%;
	overflow: hidden;
	height: 100%;
}
#wrapper{
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin:0;
	padding:0;
}
html > #page_container {
	height: auto;
}
header{
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:10;
}
/********** 共通 **********/
a {
	color:#333;
}
.pref ul{
	width:90%;
	margin:0 auto 0;
}
.pref a{
	font-weight:bold;
	text-decoration: underline solid #333;
}
.clear{
	clear:both;
}
.bar_black{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#000;
	width:100%;
	color:#FFF;
}
@media all and (min-width: 0px)and (max-width: 768px){
	#page_container{
		position:relative;
		padding-top:0px;
		padding-bottom:900px;
		width: 100%;

	}
}@media all and (min-width: 769px){
	#page_container{
		position:relative;
		padding-top:0px;
		padding-bottom:450px;
		width: 100%;
	}
}
/********** footer **********/
@media all and (min-width: 0px)and (max-width: 768px){
	footer{
		position: absolute;
		bottom: 0;
		width:100%;
		height:830px;
		text-align:center;
		padding-top:5px;
		vertical-align: middle;
		box-sizing:border-box;
		color: #FFF;
		background-color:#000000;
	}
	.footer_box{
		width:100%;
		margin:0 auto 0;
	}
	.footer_logo{
		width:50%;
		max-width:300px;
		padding-top:50px;
		margin: 0 auto 0;
		box-sizing: border-box;
	}
	.footer_center{
		width:80%;
		padding:0px;
		margin: 0 auto 0;
		box-sizing: border-box;
	}
	.footer_right{
		width:80%;
		padding:0px;
		margin: 0 auto 0;
		box-sizing: border-box;
	}
	.footer_menu{
		border:solid 1px #FFF;
		padding:10px;
		margin-top: 20px;
		text-align: center;
		box-sizing: border-box;
	}
	.footer_right a{
		color: #FFF;
	}
}@media all and (min-width: 769px)and (max-width: 1559px){
	footer{
		position: absolute;
		bottom: 0;
		width:100%;
		height: 500px;
		text-align:center;
		padding-top:50px;
		vertical-align: middle;
		box-sizing:border-box;
		color: #FFF;
		background-color:#000000;
	}
	.footer_box{
		width:1000px;
		margin:20px auto 0;
	}
	.footer_logo{
		float:left;
		width:26%;
		padding:20px;
		box-sizing: border-box;
	}
	.footer_center{
		float:left;
		width:35%;
		padding:20px;
		box-sizing: border-box;
	}
	.footer_right{
		float:right;
		width:35%;
		padding:20px;
		box-sizing: border-box;
	}
	.footer_menu{
		border:solid 1px #FFF;
		padding:15px;
		margin-bottom: 20px;
		text-align: left;
		box-sizing: border-box;
		font-weight: bold;
	}
	.footer_right a{
		color: #FFF;
	}

}@media all and (min-width: 1560px){
	footer{
		position: absolute;
		bottom: 0;
		left:0;
		right:0;
		width:100%;
		height: 450px;
		text-align:center;
		padding-top:50px;
		vertical-align: middle;
		box-sizing:border-box;
		color: #FFF;
		background-color:#000000;
	}
	.footer_box{
		width:1560px;
		margin:20px auto 0 auto;
	}
	.footer_logo{
		float:left;
		width:26%;
		padding:20px;
		box-sizing: border-box;
	}
	.footer_center{
		float:left;
		width:35%;
		padding:20px;
		box-sizing: border-box;
	}
	.footer_right{
		float:right;
		width:35%;
		padding:20px;
		box-sizing: border-box;
	}
	.footer_menu{
		border:solid 1px #FFF;
		padding:15px;
		margin-bottom: 20px;
		text-align: left;
		box-sizing: border-box;
		font-weight: bold;
	}
	.footer_right a{
		color: #FFF;
	}
}