@charset "utf-8";


/*-----------------------------
	大枠設定
------------------------------*/

body{
  padding-top: 70px;
	/* background:#d2b48c; */
	text-align:center;
}
a:hover img{
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}




/*-----------------------------
	header
------------------------------*/

.header{
	width:100%;
	height:70px;
	background:url(../images/bg_top.png) repeat-x center bottom;
  position: fixed;
  top: 0;
	z-index:999;
}
.header_inner{
	width:960px;
	margin:0 auto;
	position: relative;
}
/* h1 */
.header h1{
	float:left;
	padding:5px 10px 0 20px;
	position: relative;
	z-index: 2;
}
/* gnav */
.header .gnav{
	position:absolute;
	left:0;
	right:0;
	top:0;
	width:100%;
	text-align:center;
}
.header .gnav li{
	float:none;
	display:inline-block;
}
.header .gnav li a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}




/*-----------------------------
	contents
------------------------------*/

.contents{
	width:100%;
	height: auto;
	padding: 120px 0;
	box-sizing: border-box;

	clear:both;
	margin-top:-10px;
	z-index:1;
	overflow:hidden;
  position: relative;
}



.contents_inner{
	width:960px;
	text-align:left;
	margin: 0 auto;
}

@media only screen and (min-device-width: 768px) {
.contents_inner{
	width:960px;
	text-align:left;
}
}


/*-----------------------------
	footer
------------------------------*/

.footer{
	width:100%;
	height:70px;
	margin-top:-10px;
	background:url(../images/bg_bottom.png) repeat-x center top;
	position:relative;
}
.footer_inner{
	width:960px;
	margin:0 auto;
	text-align:left;
}
/* sns */
.footer .sns{
	float:left;
	padding-top:28px;
	margin-right:0;
	width:110px;
	color:#333;
}
/* a769 */
.footer .a769{
	float:right;
	width:280px;
	color:#fff;
	padding-top:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:0;
}
/* copy */
.footer .copy{
	float:right;
	clear:right;
	width:280px;
	color:#fff;
	font-size:85%;
	letter-spacing:0;
}

@media only screen and (max-width: 767px) {
	body{
		padding-top:120px;
	}
	.header{
		height:auto;
	}
	.header_inner,
	.contents_inner,
	.footer_inner{
		width:100%;
		padding:0 16px;
		box-sizing:border-box;
	}
	.header h1{
		float:none;
		padding:8px 0 4px;
		text-align:center;
	}
	.header h1 img{
		width:90px;
		height:auto;
	}
	.header .gnav{
		position:static;
		display:flex;
		flex-wrap:nowrap;
		justify-content:center;
		align-items:center;
		gap:0;
		padding:2px 0 10px;
	}
	.header .gnav li{
		float:none;
		display:block;
		width:auto;
		text-align:center;
	}
	.header .gnav li img{
		transform:scale(1);
		transform-origin:center;
		display:block;
		margin:0 auto;
	}
	.contents{
		padding:70px 0;
	}
	main{
		margin-top:-24px;
	}
	.footer{
		height:auto;
		padding:10px 0 14px;
	}
	.footer .a769,
	.footer .copy{
		float:none;
		width:auto;
		text-align:center;
		padding-top:6px;
	}
	img{
		max-width:100%;
		height:auto;
	}
	.flexslider{
		height:auto !important;
	}
}