@charset "UTF-8";


body	{margin: 0;

font: 15px/1.9 "Noto Sans Myanmar", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
/*font: 15px/1.9 "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif*/
	}

/*  hedder
------------------------------------------------------------*/
/* サイト名 */
.site h1 a	{color: rgba(130,182,74,1.0);
	text-decoration: none}

.site h1	{margin: 10px 0 0 0; /*0*/
	font-size: 20px}

.site img	{border: none}


/* ヘッダー画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}


/* キャッチコピー */
.catch	{margin: 0;
	padding: 15px;
	background-color: rgba(255,255,255,0.7);
	font-size: 18px}

/* ヘッダー画像にキャッチコピーを重ねる */
.top	{position: relative}

.catch	{position: absolute;
	bottom: 7%;
	left: 3%}

.boxA {text-align: center;
padding: 20px 15px 10px 15px;}


}

/*  NEWS index
------------------------------------------------------------*/

.news	{padding: 0 300px;
    margin-bottom: 20px;
	border: solid 5px #ffffff}

.news h1	{margin-top: 0;
	margin-bottom: 1px;
	font-size: 14px;
	color: rgba(120,158,145,1)}

.news ul	{margin: 0;
	padding: 0;
	list-style: none}

.news li a	{display: block;
	padding: 1px;
	border-bottom: ;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.news li a:hover {background-color: #ffffff;
     text-decoration: underline }

.news time	{color: #888888;
	font-weight: }

.news a:after	{content: "";
	display: block;
	clear: both}

.news time	{float: left;
	width: 50px}

.news .text	{float: none;
	width: auto;
	margin-left: 50px}



/*  box
------------------------------------------------------------*/
.box3  {margin-bottom: 20px}

.box-1set	{padding: 10px 0 20 0;
	margin: 10px 20px;
	background-color: #ffffff}

.box5	{padding: 15px;
	background-color: #dddddd}




/*  フッター
------------------------------------------------------------*/
.footer	{
    padding-top: 10px;
	padding-bottom: 5px;
	background-color: rgba(91,150,57,0.7)
	}
	
/* box8 */
.box8	{
margin-bottom: 0;
padding-top: 5px;
padding-left: 10px}

.box8-a	{position: relative;
z-index: -1;
padding-top: 10px}
	
.box8-1, .box8-2
	{padding-bottom: 5px}

.box8-2
	{padding-top: 5px}

.box8-1 h2  {
	color: #ffffff;
	font-size: 15px;}
	
.box8-1 p  {
	color: #ffffff;
	font-size: 14px;}
	
.box8-2 p  {
	color: #ffffff;
	font-size: 13px;}



/* コピーライト */
.copyright p	{margin: 0 5px;
     padding: 0 5px;
	color: #666666;
	font-size: 12px}
	

/* topに戻る */
#pageTop{
	background-color: rgba(33,34,34,0.5);
	color:#FFF;
	padding:15px 25px;
	position:fixed;
	bottom:20px;
	right:20px;
	text-decoration: none
	}
	
#pageTop:hover{
	background:#333;
	}


/* ########### 359px以下 ########### */
@media (max-width: 359px) {

/* サイト名 */
.site img	{width: 225px;
	height: auto}

}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{padding: 10px 7px;
	font-size: 11px}

.menuH li a	{padding: 10px 7px;
	font-size: 11px}


/* キャッチコピー */
.catch	{padding: 5px 10px;
	font-size: 12px}

/* フッター */
.box8 h2 {font-size: 13px }


}


/* ########### 767px以下 ########### */
@media (max-width: 767px) {

/* トグルボタン */
#menubtn	{padding: 6px 12px;
	border: solid 1px #ffffff;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer}

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* ナビゲーションメニュー（縦並び） */
.menu	{display: none}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #eeeeee}


/* ナビゲーションメニュー（縦並び） */
.menuH	{display: none}

.menuH ul	{margin: 0;
	padding: 0;
	list-style: none}

.menuH li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menuH li a:hover	{background-color: #eeeeee}


/*  news
-------------------------------------*/
.news	{padding: 5px;
	border: solid 5px #ffffff}

.news li a	{font-size: 13px; }



/*  フッター
-------------------------------------*/
.box8-1, .box8-2 {
	margin-left: 10px}


#undermenu	{
padding-left: 0;
padding-top: 0;
display: block !important}

.undermenu ul	{
    margin: 0;
	padding: 0;
	list-style: none}

.undermenu li a	{display: block;
	padding: 0 7px;
	color: #eeeeee;
	font-size: 30px;
	font-weight: normal;
	text-decoration: none}

.undermenu li a:hover	{color: #666666}

.undermenu li a.active	{color: #666666}

.undermenu li {float: left;
	width: auto}
	
.undermenu i {margin-right: 3px;
	color: #ffffff}

.undermenu ul:after	{content: "";
	display: block;
	clear: both}


}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */
#menu	{display: block !important
}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 15px 15px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none}

.menu li a:hover {
    color: rgba(120,158,145,0.7);
    text-decoration: underline;
    
    }

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* ナビゲーション */
#menu-H	{display: block !important
}

.menuH ul	{margin: 0;
	padding: 0;
	text-align: center;
	list-style: none}

.menuH li a	{display: block;
	padding: 15px 15px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none}

.menuH li a:hover {
    color: rgba(120,158,145,0.7);
    text-decoration: underline;
    
    }

.menuH li	{display: inline-block;
	width: auto}

/*  news
-------------------------------------*/
.news	{padding: 5px 200px;
	border: solid 5px #ffffff}


/*  header
-------------------------------------*/
/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box1	{float: left;
	width: auto}

.box2	{float: right;
	width: auto}

.box1H	{
	width: auto}

.box2H	{
	width: auto}


/*  フッター
-----------------------------------*/

/* BOX8-1、BOX8-2を横に並べる設定 */
.box8:after	{content: "";
	display: block;
	clear: both}

.box8-1	{float: left;
	width: 30%;
	margin-right: 1%}

.box8-2	{float: left;
	width: 68%;
	margin-right: 1%}

.box7-a:after	{content: "";
	display: block;
	clear: both}

#undermenu	{
padding-left: 0;
padding-top: 0;
display: block !important}

.undermenu ul	{
    margin: 0;
	padding: 0;
	list-style: none}

.undermenu li a	{display: block;
	padding: 0 15px;
	color: #eeeeee;
	font-size: 35px;
	font-weight: normal;
	text-decoration: none}

.undermenu li a:hover { 
    color: #666666
   }

.undermenu li a.active	{
    color: #666666
    }


.undermenu li	{float: left;
	width: auto}
	
.undermenu i {margin-right: 3px;
	color: #ffffff}

.undermenu ul:after	{content: "";
	display: block;
	clear: both}


.underfoot{
	margin-top: 0;
    margin-bottom: 0;
    background-color: #5e6d55 /* ←背景色 */
	}



}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.box-1set, .box3, .boxA-inner, .box5-inner, .box6, .footer-inner
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}

/* header */
.boxA	{margin-bottom: ;}

}