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

/*****　ヘッダ *****/

header{
 background: rgba(89,143,13,0.9);
	text-align: center;
	letter-spacing: 1px;
	position: fixed ;
	top: 0;
}

header h1{
	margin: 20px 0 10px 40px;
}

/*****　フッタ *****/

footer{
	letter-spacing: 1px;
	background: rgba(89,143,13,0.7);
	color: #fff;
	padding: 30px 0;
}

footer #footer_menu{
	float: left;
 margin: 0 0 0 40px;
}

footer #footer_menu h1{
	float: left;
	margin: 0 20px 0 40px;
}

footer #footer_menu ul{
	float: left;
	margin: 10px 0 0 0;
}

footer #footer_menu ul li{
	float: left;
	list-style: none;
	margin: 0 20px 0 0;
}

footer #footer_menu ul li a{
	color: #fff;
}

footer #sns{
	float: right;
	display: table;
	margin: 0 40px 0 0;
}

footer #sns p{
	display: table-cell;
	vertical-align: middle;
}

footer #sns ul li{
	display: table-cell;
	list-style: none;
	padding-left: 10px;
}

#copyright{
	font-size: 8pt;
	padding: 10px;
 background: rgba(89,143,13,1);
 color: #fff;
}

/*****　見出し *****/

h2{
	font-size: 38px;
	color: ##666;
	text-align: center;
	letter-spacing: 5px;
	font-weight: normal;
	line-height: 1.6em;
}

h3{
	font-size: 20px;
	line-height: 1.5em;
 background: #E6ECDF;
 padding: 10px 15px;
}



/*****　背景色 *****/

.bg_color{
background: rgb(252,255,244);
background: -moz-radial-gradient(center, ellipse cover,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 100%);
background: radial-gradient(ellipse at center,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#dfe5d7',GradientType=1 );

}


/*****　トップページ *****/

#main-image{
	height: 100vh;
	background:　#E5EBDE;
	width: 100%;
}

#main-image #top_rogo{
	text-align: center;
	padding-top: 180px;
}

.main-image-dots{
	text-align: center;
	position: relative ;
	bottom: 50px;
	z-index: 999;
}
.main-image-dots li {
	display: inline-block;
	cursor: pointer;
	color: #fff;
}










/* ==========================================
	mediaQuery
========================================== */

@media only screen and (max-width: 640px){
	
/*****　ヘッダ *****/

header h1{
	margin: 10px 0 10px 20px;
}
	
/*****　フッタ *****/


footer #footer_menu{
	float: none;
 margin: 0;
}

footer #footer_menu h1{
	float: none;
	float: none;
	text-align: center;
}

footer #footer_menu ul{
	float: none;
	width: 90%;
	margin: 10px auto 0 auto;
}

footer #footer_menu ul li{
	float: none;
	list-style: none;
	margin: 10px;
}
	
footer #footer_menu ul li a{
	border: 1px solid #fff;
	display: block;
	padding: 10px 10px 10px 30px;;
	background: url(../images/arw_r_wh.png) no-repeat left 10px center;
}

footer #sns{
	float: none;
	display: block;
	width: 90%;
	margin:  40px auto 0 auto;
	text-align: center;
}

footer #sns p{
	display:  block;
	vertical-align: middle;
}
	
footer #sns ul{
	display: table;
	width: 115px;
	margin: 10px auto;
}

footer #sns ul li{
	display:  table-cell;
	padding: 0 10px;
}
	

/*****　見出し *****/
h2{
	font-size: 27px;
}

	
 #access iframe{
  height: 400px;
  width: calc(100% - 10px);
 }
	
/*****　トップページ *****/


#main-image #top_rogo{
	padding-top: calc(50vh - calc(640 / 600 * 50%));
}

}