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

html,
html *{
	padding:  0;
	margin: 0;
	box-sizing: border-box;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


header{
	background-color: #EAE4D1;
	padding: 30px;
}
body{
	background-color: #EAE4D1;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

img{
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

footer{
	background-color: #EAE4D1;
	padding: 20px 30px;
	text-align: center;
}

.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
}


.styl-nav ul {
	list-style-type: none;
}

.styl-nav ul li a {
	text-decoration:  none;
	color:#562606;
	text-align: center;
	display: block;
	padding: 1px;
}

.page-nav ul {list-style-type: none;}

.page-nav li {display: inline-block;}

.page-nav ul a {text-decoration:  none; 
	            color:#562606; 
	            padding: 10px;}


.low:before, .low:after {
	content: "";
	display: table;
	text-align: center;
}	

.row:after {
	clear: both;
}

.img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
	

.footer-text{
	font-size: 11px;
	margin-bottom: 20px;
}
.col{
	width: 100%;
}	

/*タブレット用*/
@media (min-width : 1024px ){
	body{
		max-width: 1280px;
	}
	
	.styl-nav ul li {display: inline-block;}
	
	.styl-nav ul {text-align: center;}
	
	
	.col-md-half{
		width: 50%;
	}

	.col{
		float: left;
		padding: 0px 7px 14px;
	}

	.page-nav li {display: inline-block;}

    .page-nav ul {display: inline-block;}
	
}


	
		
	


/*デスクトップ用*/
@media (min-width: 1280px){
	body{
		max-width: 1440px;
	}
	
	.style-logo{
		
		float: left;
	}
	
	.styl-nav{
		
		float: right;
	}

	.col-lg-qtr {
		width: 25%;
	}

	
	.page-nav li {display: inline-block;}
		
    .page-nav ul {display: inline-block;}
	

}