@charset "utf-8"; /*文字コード指定*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); 
/* ----- css reset(各ブラウザで指定されているスタイルを初期化)と全体設定 ----- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
	margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	padding: 0; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	border: 0; /*境界線指定*/
}

body {
	background-color: #ffffff; /*背景色設定*/
	line-height: 2;	/*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	font-size: 100%; /* フォントサイズ指定(%はブラウザに設定した標準文字サイズ(通常16px)に対する値)*/
	color: #000000; /*文字色指定*/
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

ol, ul {
	list-style: none; /*リストマーカーの種類指定(noneはなし)*/
}

a { /*リンクの文字設定(マウスをのせる前)*/
	color: #0000FF; /*文字色指定*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
	    color: #0c6314;
    text-decoration: none;
    font-weight: bold;
}

a:hover { /*リンクの文字設定(マウスをのせた時)*/
	text-decoration: underline; /*テキストの装飾指定(下線、上線など)(underlineは下線を引く)*/
}

.color1 {
	color: #990000; /*文字色指定*/
}

h3 { margin-top:8%;	border-bottom: solid 2px #4ece7a; font-size:large;}

/* ----- ヘッダー(ページの一番上の部分) ----- */

#header {
	background-color: #4ece7a; /*背景色設定*/
	position: fixed; /*ボックスの配置方法(fixedは固定)*/
	height: 110px; /*領域の高さ指定*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	color: #FFFF; /*文字色指定*/
	overflow:inherit;
	position:fixed;
}

#header h1 {
	position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
	right: 20px; /*右からの距離(positionで指定している場合に適用)*/
	top: 10px; /*上からの距離(positionで指定している場合に適用)*/
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	font-weight: normal; /*フォントの太さ指定(normalは標準)*/
}

#logo {
	float:left;
	margin-top: 20px; /*ボックス外側上の余白*/
	
}

/* ----- ナビゲーションメニュー(ヘッダー内のメインメニュー) ----- */

#menu {
	float:right;
	margin: 20px;
    font-size: 1.5em;
	display:-webkit-inline-box;
	margin-right: 60px; /*ボックス外側右の余白*/
	
}

#menu a {
	color: #000000; /*文字色指定*/
	font-size: large; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	font-weight: bold; /*フォントの太さ指定(boldは太字)*/
	text-transform: uppercase; /*フォントの大文字小文字指定(uppercaseは全て大文字)*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
	margin-right: 7px; /*ボックス外側右の余白*/
	border: medium solid #fff;
	color:#FFFFFF;
	padding:-1px 10px 5px 10px;background: #4ece7a;
}

#menu a:hover, #menu a.active {
	color: #4ece7a; /*文字色指定*/
	background: #FFF;
}

.box2 { margin-bottom: 20px;}

/* ----- jsメニュー(ヘッダー内のメインメニュー) ----- */


.menu ul{
    margin:0;
    padding:0;
}
.menu ul li {
  position: relative;
  margin:0;
  padding:0;
  width: 150px;
  float: left;
  text-align:center;
}
.menu ul li a {
  color: #fff;
  display: block;
}
.menu ul li:hover, .menu ul li a:hover {
  
  color:#fff;
}
.menu ul li ul {
  position: absolute;
  top: 40px;
  width: 150px;
  z-index: 10;
  
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  
  height: 0;
  background:none;
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:none;
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;
  z-index: 11;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/* ----- レイアウト ----- */

#container { /*container(入れ物、容器)の中に各要素(ボックス)を配置*/
	width: 1080px; /*幅指定*/
	margin: 0 auto; /*ボックス外側の余白(値2つは左から上下,左右の値(左右autoで中央配置))*/
}
 /*#home {
	height: 1000px; /*領域の高さ指定*/
	/*padding-top: 60px; /*ボックス内側上の余白*/
	/*float: left;
     margin: 0;
     width: 100%;
     margin-right: -300px;
}*/

div#feed .gfc-result div.gf-title {
　width: 400px;
　height: 30px;
}


#content {
	overflow: hidden;
	width: 1060px;
	margin: 0 auto;
}

#content #home {
	float: left;
	width: 760px;
	overflow: hidden;
	
}
	#content #home article {
		overflow: hidden;
		padding: 10px;
	}
#content aside {
	float: left;
	width: 300px;
	overflow: hidden;
	    margin-top: 90px;
	
}
	#contents aside p {
		padding: 10px;
	}
#content aside2 {
	float: left;
	width: 300px;
	overflow: hidden;
    margin-top: 0px;
	
}
	#contents aside2 p {
		padding: 10px;
	}

#category1 {
	height: 1000px; /*領域の高さ指定*/
	padding-top: 120px; /*ボックス内側上の余白*/
}

#category2 {
	height: 1000px; /*領域の高さ指定*/
	padding-top: 120px; /*ボックス内側上の余白*/
}

#category3 {
	height: 1000px; /*領域の高さ指定*/
	padding-top: 120px; /*ボックス内側上の余白*/
}

#news {
	height: 100%; /*領域の高さ指定*/
	
}

/* ----- フッター(ページの一番下の部分) ----- */

#footer {
	background-color: #a6d4aa; /*背景色設定*/	
	bottom: 0; /*下からの距離*/
	height: 80px; /*領域の高さ指定*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}

#footer p {
	padding-top: 10px; /*ボックス外側上の余白*/
	text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
	font-size: 0.75em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: aliceblue; /*文字色指定*/
}

/* ----- コンテンツ ----- */

#container h2 {
	font-size: 2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 30px; /*行の高さ指定*/
	margin: 10px 5px; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
}



#container ul {
	margin-bottom: 5px; /*ボックス外側下の余白*/    padding: 0px 11px 0px 10px;
}

#container ul li {
	padding-left: 10px; /*ボックス内側左の余白*/
	    background: #ffffff;
}

#info {       
 background: #FFF;    padding: 6px;    border: solid 2px #5daa61;
    font-size: small;}
}

#container a:hover img {
	border: solid 1px #c9171e; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
}

#contents {
    width: 1060px;
    margin: 0 auto;
}
/* ---- news ----- */

.border {
width:100%; 
background-image:url("../images/images_13.png");
background-repeat: repeat;
height:40px;


}

.box {
	display: inline-block;
}

/* ハックでIE6,7のみに適用 */
html*.box {
	display: inline;
	zoom: 1;
}


/* ---- navi ----- */
#nav{
   /*  background:#E6E4D7; */
    
    margin:15px;
}

#nav li{
	text-align:center;
	position:relative;
	float:left;
    width:110px;
}

#nav a{
    text-decoration:none;
    color:#FFF;
}

#nav li a{
	display:block;
	height:38px;
	line-height:38px;
	font-size:12px;
}

#nav .children-1 a,
#nav .children-2 a{
	height: 30px;
	line-height: 30px;
	width: 88%;
}

#nav .children-2 a{
	width:100%; background-color: #28a954;
}

#nav li .children-1 li,
#nav li .children-2 li{
	width:110px;
}

#nav .children-2 a {
    height: 30px;
    line-height: 30px;
    width: 88%;
    background-color: #0e5426;
}

#nav li .children-1{
	display:none;
	position:absolute;
	top:44px;
	left:0px;
	width:100%;
}

#nav li .children-1 li .children-2{
	display:none;
	position:absolute;
	top:0px;
	left:102px;
	width:100%;
}

#nav li:hover .children-1{
	display:block;
	
}

#nav .children-1 li:hover .children-2{
	display:block;
	
}


#nav li:hover > a{
	background:#E6E4D7;
}

#nav li:hover a:hover{
	background:#DBD8C5;
}

/* ---- テーブルの設定 ----- */


.ta1 {
	width: 600px; /*幅指定*/
	border-collapse: collapse; /*境界線の表示指定(collapseは重ねて表示)*/
	margin: 0 auto; /*ボックス外側の余白(値2つは左から上下,左右の値(左右autoで中央配置))*/
}

.ta1 td {
	border: none; /*境界線の一括指定(noneはなし)*/
}

.ta1 a:hover {
	color: #000000; /*文字色指定*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
	cursor: url(../images/cur.png), pointer; /*カーソルの形状指定(url(画像ファイル)pointerはオリジナルカーソルが表示できない場合の指定)*/
}

.ta2 {
	border: solid 1px #888084; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	width: 100%; /*幅指定*/
	border-collapse: collapse; /*境界線の表示指定(collapseは重ねて表示)*/
	margin: 0 auto; /*ボックス外側の余白(値2つは左から上下,左右の値(左右autoで中央配置))*/
}

.ta2 th {
	background-color: #ffd700; /*背景色指定*/
	border: solid 1px #888084; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	color: #000000; /*文字色設定*/
	padding: 5px 10px; /*ボックス内側の余白(値2つは左から上下,左右の値)*/
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	text-align: center; /*行の水平方向の揃え方(leftは左寄せ)*/
}

.ta2 tr.even td {
	background-color: none; /*背景色指定*/
}

.ta2 td {
	border-bottom: solid 1px #888084; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	
	color: #000000; /*文字色設定*/
	padding: 5px 10px; /*ボックス内側の余白(値2つは左から上下,左右の値)*/
	font-size: inherit; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	text-align: left; /*行の水平方向の揃え方(leftは左寄せ)*/
}

.ta2 a {
	color: #727171; /*文字色設定*/
	text-decoration: underline; /*テキストの装飾指定(下線、上線など)(underlineは下線)*/
}

.ta2 a:hover {
	color: #000000; /*文字色指定*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
	width:100%;
}
td, th {
	padding: 3px;
	width: 30px;
	height: 25px;
}
th {
	background: #f0e6cc;
}
.even {
	background: #eef7ef;
}
.even2 {
	font-size: small;
}
.odd {
	background: #fefcf9;
}

.slicknav_menu {

display:none;

}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

h5 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
    border-left: solid 5px #4ece7a;
}

.td_s {     max-width: 0px !IMPORTANT; text-align:center;}


/*Media Queries*/

@media screen and (max-width: 768px) {

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}	
	
	
#news{ height: 50%;}

.menu ul li ul {

  background:#4ece7a;
}

.menu ul li ul { position:inherit; top: 0px;}	
	
.ta2 td {
	border-bottom: solid 1px #888084; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	color: #000000; /*文字色設定*/
	padding: 5px 10px; /*ボックス内側の余白(値2つは左から上下,左右の値)*/
	    font-size: inherit; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	text-align: left; /*行の水平方向の揃え方(leftは左寄せ)*/
}	
#content #home {
	float: none;
	width: 100%;
	overflow: hidden;
	
}
#content aside {
    /* float: left; */
    width: 85%;
    text-align: center;
    overflow: hidden;
    margin-top: 0px;}
#content aside2 {
    /* float: left; */
    width: 85%;
    text-align: center;
    overflow: hidden;
    margin-top: 0px;}	
	
.foot_img {    margin-top: 10px;}	
	
	
#content {
    width: 90%;
    margin: 0 auto;
}	
	

.js #menu {

display:none;

}

.js .slicknav_menu {

display:block;

}

}

.slicknav_menu {
 
display:none;
 
}

.box {
    font-size: 13px;
}
 
 #container h2 {
    font-size: 23px;
    line-height: 30px;
    margin: 10px 5px;
}


.link {
    margin: 20px;
}
/*Media Queries*/
 
@media screen and (max-width: 768px) {
 
.js #menu {
 
display:none;    float: left;
    z-index: 99999;
 
}

#nav {
 
display:none;    
    z-index: 99999;
 
}

 
.js .slicknav_menu {
   float: left;
    z-index: 99999;
display:block;
 
}
	img {
max-width : 100% ;
height : auto ;
}
#header{
	 margin:0 auto;
	/*スマホ向け*/
	 width:100%;
	 overflow:inherit;
	/*/スマホ向け*/
	 background-color: #4ece7a;
     position: fixed;
     width: 100%;
     color: #FFFF;
     height: 50px;
}
#container{
	margin:0 auto;
	/*スマホ向け*/
	width:100%;
	overflow:hidden;
	/*/スマホ向け*/
}
#contents {
    width: 100%;
    margin: 0 auto;
}#logo {
    float: left;
     margin-top: 0px;	padding: 9px;
	 width:200px;    padding: 10px;
    width: 150px;
}

h3 { margin-top:18%;	border-bottom: solid 2px #4ece7a; font-size:large;}

.menu ul li {
  position: relative;
  margin:0;
  padding:0;
  width: 100%;
  float: left;
  text-align:center;
}
.menu ul li a {
  color: #fff;
  display: block;
}
.menu ul li:hover, .menu ul li a:hover {
  
  color:#fff;
}
.menu ul li ul {
 
  top: 0px;
  width:  100%;
  z-index: 10;
  
}

 
}
@media only screen and (min-width: 769px) {
	
img {
max-width : 100% ;
height : auto ;
}
#header{
	margin:0 auto;
	/*スマホ向け*/
	width:100%;
	 overflow:inherit;
	/*/スマホ向け*/
	
    background-color: #4ece7a;
    position: fixed;
    /* height: 110px; */
    width: 100%;
    color: #FFFF;

}
#container{
	margin:0 auto;
	/*スマホ向け*/
	width:100%;
	overflow:hidden;
	/*/スマホ向け*/
	
    
}
#container2{
	margin:0 auto;
	/*スマホ向け*/
	width:100%;
	overflow:hidden;
	/*/スマホ向け*/
	
    margin-bottom: 370px;
}



#content {
	overflow: hidden;
	width: 1060px;
	margin: 0 auto;
	margin-top: 60px;
}
	
#content #home {
	float: left;
	width: 760px;
	overflow: hidden;
	
}
	#content #home article {
		 

		overflow: hidden;
		padding: 10px;
	}
#content aside {
	float: left;
	width: 250px;
	overflow: hidden;
	
}
	#content aside p {
		padding: 10px;
	}
#content aside2 {
	float: left;
	width: 250px;
	overflow: hidden;
	
}
	#content aside2 p {
		padding: 10px;
	}	
	

	}