@charset "UTF-8";

/*HOMEページ、共通部分*/

/*------------------------------------------------
 Resets, font
------------------------------------------------*/
html,body,h1,h2,h3,p,section,nav,article,aside,hgroup,header,footer,figure,figcaption,summary,ul { 
display: block; margin: 0; padding: 0;
}
img { border: 0; vertical-align: bottom; }
ul { list-style-type: none; 
	font-size: 1.6rem;	}
li {	font-size: 1.4rem;	} 
a { text-decoration: none; }
h2 {  /*茶色*/
	font-size: 2.4rem;  	
	 color: #815d1b;
	margin-top: 1.6rem;
	margin-bottom: 0;
}
h3.left-column-text {  /*ピンク*/
	font-size: 1.8rem;
	color:  #F5A9BC;
	 margin-top: 2rem;
	 margin-bottom: -.4rem;
}
p,dt {
	 font-size: 1.6rem; 
	 color: #6E6E6E;
}
dd {
	 font-size: 1.4rem; 
	 color: #6E6E6E;
	margin: 0 0 0 2rem;
}
strong {
	font-size: 1.8rem;
}
/*------------------------------------------------
html
------------------------------------------------*/
html {
	margin:0;
	padding:0;
	font-size: 62.5%; /* 文字サイズ初期値を10pxに*/
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
/*------------------------------------------------
 clearfix
------------------------------------------------*/
.clearfix:before,.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}	
/*------------------------------------------------
 中央に配置　ブラウザ幅に合わせて全体を伸縮
------------------------------------------------*/
#wrapper {
	width: 960px;
/*	min-width: 400px;  */
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden; 
}
/*------------------------------------------------
ヘッダー
------------------------------------------------*/
header#header-l {
	margin: 1rem 0;	
}
/*header#header-l{
	display: block;
	width: 96rem;
	height: 4.7rem;
	margin: 1rem 0;	
}*/
header#header-s {
	display: none;
}
/*------------------------------------------------
メインイメージ
------------------------------------------------*/
/*  #mainImageHome {
	display: block;
	margin: 0 auto;
	width: 96rem;
	height: 36rem;
} */
 #mainImageHome {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
} 
/*------------------------------------------------
小さい画像
 ------------------------------------------------*/
#image-home img{
	display: block;
	width: 71rem;
	float: left;	
	margin: 3rem auto;
}
/*------------------------------------------------
 .left-column
 ------------------------------------------------*/
h2#info-title {
	 font-family: "Gulim" , sans-serif;
}
.left-column{
	display: block;
	float: left;
	width: 71rem;
	height: auto;
	margin: 0 0 2rem; 0;
	color: #888888;
}
.left-column-text { 
	width: 68rem;	
	margin: 0 auto 3rem;
}
h2 img { /*アイコン*/
	width: 2.6rem;
	margin-right: 1.4rem;
}
.line {
	display: block;
	width: 69rem;
	height: auto;
	margin-bottom: 1.4rem;
		}
dl.infobox {
	width: 71rem;
	height: 50rem;
	overflow: auto;
	color: #888888;
	margin-bottom: 4rem;
}
dt {
	display: inline-block;
	margin-top: 1rem;
}
img.dot { /*dot.svg*/
	display: inline;
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 1rem 0 0;
}
/*------------------------------------------------
.photo
 ------------------------------------------------*/
p.photo {
	display: inline-block;
	width: 18rem;
	height: 12rem;
	overflow: hidden;
}
p.photo img {
	width: 100%;	
}
/*------------------------------------------------
　メニューボタン
 ------------------------------------------------*/
 nav.Gnav-button {
 	display: block;
 	width: 22.8rem;
 	height: auto;
 	float: right;
 	margin-top: 3rem;
} 
 nav.Gnav-button ul li {
 	display: block;
 	margin-bottom: .4rem;
} 
 ul li a img { /*アイコン*/
    display: inline;
 	width: 2.6rem;
 	height: 2.6rem;
 	margin: 0 1.6rem;
 } 
nav.Gnav-button ul li a{
 	display: block;
	width: 228px;
	height: 36px;
	text-align: left;
	background: #afee6d;
    border-bottom: 3px solid #8ee730;
    border-radius: 0.6rem;
    color: #FFF;
    text-shadow: 2px 2px 3px #8ee730;  
    font-size: 2rem;
    padding: 0;
    padding-top: 1rem;
}
nav.Gnav-button ul li a:hover {
	background-color: #e7fcd1;
	border-color: #afee6d;
	color: #fff;
}
nav.Gnav-button-s{ /*スマホ用ボタンを隠す*/
	display: none;
}
/*------------------------------------------------
　footer
 ------------------------------------------------*/
 footer {
 	clear: both;
 	display: block;
 	width: 96rem;
 	height: 19.3rem;
 	background-image: url( ../img/grass.jpg);
 }
.Gnav-footer-left,.Gnav-footer-center,.Gnav-footer-right {
	display: inline-block;
	font-size: 1.4rem;
	margin: 7rem 0 1rem 4rem;
} 
p#address {
	display: inline-block;
	font-size: 1.4rem;
	margin-left: 4rem; 
}	
p#copyright {
	font-size: 1.1rem;
	text-align: center;
	margin: 0.4rem auto -0.4rem;
}