@charset "utf-8";
html{
	height: 100%;
	font-size: 62.5%;/*10px*/
	overflow: auto;
	overscroll-behavior: none;
	font-family:"ヒラギノ角ゴシック", "メイリオ", "Meiryo", "verdana", sans-serif;
}
/**********  **********/
body {
	height: 100%;
	line-height:1.3;
	color: #52342a;
	text-align: left;
	background: #FFF;
}
.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;
}
@media all and (min-width: 0px)and (max-width: 780px){
	#page_container{
		position:relative;
		padding-top:0px;
		padding-bottom:140px;
		width: 100%;

	}
	header{
		width:100%;
		max-width:780px;
		margin:0px auto 0 auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index:100;
		opacity:1;
		background-color: #FFF;
	}
	.header_box{
		width:100%;
		margin:0px auto 0 auto;
	}


}@media all and (min-width: 781px){
	#page_container{
		position:relative;
		padding-top:0px;
		padding-bottom:140px;
		width: 100%;
	}
	header{
		width:1000px;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index:100;
		opacity:1;
		background-color: #FFF;
	}

}
/********** footer **********/
@media all and (min-width: 0px)and (max-width: 780px){
	footer{
		position: absolute;
		bottom: 0;
		width:100%;
		height:130px;
		text-align:center;
		padding-top:5px;
		vertical-align: middle;
		box-sizing:border-box;
		background-color:#CCaa99;
	}
	.footer_box{
		width:100%;
		margin:0 auto 0 auto;
	}
}@media all and (min-width: 781px){
	footer{
		position: absolute;
		bottom: 0;
		width:100%;
		height:150px;
		text-align:center;
		padding-top:5px;
		vertical-align: middle;
		box-sizing:border-box;
		background-color:#CCaa99;
	}
	.footer_box{
		width:100%;
		max-width:850px;
		margin:0 auto 0 auto;
	}
}
/********** 共通 **********/
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;
}