@charset "utf-8";

/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body,html {width: 100%;height: 100%;}
body {
	margin: 0px;
	padding: 0px;
	color: #666;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;	/*フォント指定*/
	font-size: 16px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	-webkit-text-size-adjust: none;
    background: linear-gradient(#C2E6A6, #fff, #fff, #fff, #C2E6A6) fixed;
    min-height: 1500px;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 50px;padding-bottom: 30px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}


#container{
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

/*ヘッダー（左側のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	background: #fff;
	width: 20%;	/*ヘッダー幅。イメージ的には左ブロック幅と考えて下さい。*/
	float: left;
	margin-left: 5%;
	overflow:hidden;	/*ブラウザの高さが狭いとヘッダーが途中で切れて見れなくなる事があるので、その場合にスクロールバーを出す設定*/
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.2は20%だけ色がついた状態の事。*/
	font-size: 15px;
}
/*ロゴ*/
header #logo {
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: rgba(255,255,255,0.6);	/*背景色。255,255,255は白の事で、0.9は90%色がついた状態の事。*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
	background: rgba(255,255,255,0.6);	/*背景色。255,255,255は白の事で、0.9は90%色がついた状態の事。*/
	border-top: 1px solid #74983A;	/*上の線の幅、線種、色*/
	font-size: 20px;
}
/*メニュー１個あたりの設定*/
#menubar li {
    background: linear-gradient(#fff, #D2E2AF);
	border-bottom: 1px solid #97AD6D;	/*下の線の幅、線種、色*/
}
#menubar li a {
	display:  block;text-decoration: none;
	text-align: center;	/*文字を中央よせ*/
	padding: 10px;		/*メニュー内の余白*/
	color: #6D8C33;		/*文字色*/
    transition : all 1s ease .2s;
}

/*マウスオン時と、現在表示中メニューの設定*/
#menubar li a:hover, #menubar li.current a {
	background: #95AD66;	/*背景色*/
	color: #fff;			/*文字色*/
    transition : all 1s ease .2s;
}
/*マウスオン時と、現在表示中メニューの飾り文字の設定*/
#menubar li a:hover span, #menubar li.current a span {
	color: #fff;
    transition : all 1s ease .2s;
}
/*スマホ用メニューを表示させない*/
#menubar-s {display: none;}
/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}

/*バナー*/
.bnr-tel{
    font-size: 20px;
    color: #71A764;
    text-align: center;
    line-height: 3em;
    font-weight: 700;
}
.bnr_1{
    padding:0;
    background: linear-gradient(#fff, #D2E2AF);
	border-bottom: 1px solid #97AD6D;	/*下の線の幅、線種、色*/
}
.bnr_1 img{
    width: 100%;
}
.bnr_2{
    padding:5px 0;;
    background: linear-gradient(#fff, #cbfdfe);
	border-bottom: 1px solid #6fc6e9;
    border-top: 1px solid #6fc6e9;
}
.bnr_2 img{
    width: 100%;
}



/*コンテンツ
---------------------------------------------------------------------------*/
/*コンテンツ*/
.contents {
    width: 67%;
    float: right;
	overflow: hidden;
	padding: 0 4% 100px 4%;	/*ボックス内の余白。上、右、下、左。*/

}
.topimg{
    position: relative;
    width: 100%;
    margin: 0 auto 40px auto;
    height: auto;
    overflow: hidden;
}


/*h2見出し*/
.contents h2 {
    width: 280px;
    margin: 10px auto;
	clear: both;
	font-size: 27px;	/*文字サイズ*/
	margin-bottom: 20px;	/*下に空ける余白*/
	text-align: center;		/*文字をセンタリング*/
	line-height: 1.5;	/*行間*/
    font-weight: 700;
	color: #74983A;	/*文字色*/
	background: url(../images/h2_bg.png) no-repeat center/100%;	/*見出しの上に入っている装飾。*/
	padding: 20px 10px;
}
/*h2見出し内のspanタグ*/
.contents h2 span {
	letter-spacing: 0.2em;	/*文字間隔を広くとる設定*/
}
/*h3見出し*/
.contents h3 {
	clear: both;
    font-size: 25px;
	letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
	background: #fff;		/*背景色（古いブラウザ用）*/
	background: rgba(255,255,255,0.3);	/*255,255,255は白の事で0.3は30%色がついた状態の事。*/
	text-align: left;		/*文字を中央に*/
	border-radius: 30px;	/*角丸のサイズ。大きめに設定しておけばOK。*/
	padding: 0px 20px;		/*上下、左右への余白*/
    color: #74983A;
}
.contents h3 span{
    color:#CEEBB7;
}
/*段落タグ*/
.contents p {
	padding: 0 3% 20px 3%;		/*上、左右、下への余白*/
}
/*段落タグが続いた場合の設定*/
.contents p + p {
	margin-top: -5px;	/*続いた段落タグを少し上に詰める設定*/
}
/*sectionが続いた場合の設定*/
.contents section + section {
	margin-top: 50px;
}
.contents h4{
    font-size: 18px;
    letter-spacing: 0.2em;	/*文字間隔を広くとる設定*/
	line-height: 1.5;	/*行間*/
    font-weight: 800;
    padding:10px 2%;
}
.contents h4 a{
    color: #9C7F0A;
    text-decoration: none;
}
.contents h4 a:hover{
    color:#DABF1A;
}
.contents h4 span{
    color:#9CA748;
}
.col_green{
    color: #5D8A39;
}
.main{
    width: 84%;
    padding:10px 8%  40px 8%;
	overflow:hidden;
	position: relative;
    background-color:#fff;
    border: 1px solid #74983A;
    border-radius: 40px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    margin:30px 0;
}
.main li{
    margin-bottom: 10px;
}

/*トップ新着情報
---------------------------------------------------------------------------------------------------------------------------------------------------------*/



#topnews{
	width: 84%;
    padding:10px 8%  50px 8%;
	position: relative;
    background-color:#fff;
    border: 1px solid #74983A;
    border-radius: 40px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    max-height: 400px;
}
#topnews .news-area{
    clear: both;
	width: 93%;
	height: 280px;
	padding: 10px 3%;
	margin-bottom: 20px;
    overflow:auto;
}
.news{
    width: 95%;
    padding-right: 5%;
    padding-bottom: 20px;
    
}
#topnews .subttl{
	clear: both;
	padding: 6px 25px;	/*上下、左右への余白*/
	color: #000;
	font-size: 16px;
	line-height: 2em;
	background-color:#F5FFE2;
	border-radius: 8px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    margin: 10px 0 0 0;
}

.date{
	float: left;
	width: 100px;
	font-size: 16px;
	line-height: 2em;
	color:#71A166;
	margin-left: 10px;
	margin-right: 20px;
}
.news_txt{
    width: 94%;
	height: auto;
	padding: 20px 3% 10px 3%;
	font-size: 15px;
	line-height: 1.8em;
	color: #666;
}
.news_txt a{
	color: #36C;
}
.news_txt a:hover{
	color: #C30 ;
}
.news_bottom{
    clear: both;
    width: 25%;
    margin: 0 0 30px 10px;
}


.news_photo_box{
    clear: both;
	width: 94%;
	height: auto;
	padding: 3%;
}

.news_photo_box ul li{
	border: 1px solid #999;
	width: 200px;
	float: left;
	height: auto;
	padding: 6px;
	margin: 10px;
	list-style: none;

}
.news_photo_box ul li a:hover{
    opacity: 0.7
}

.news_ttl a:hover{
	color:#C93;
}


/*concept_catch*/

.catch{
    width: 50%;
    margin: 0 auto 30px auto;
}
.catch img{
    width: 100%;
}

/*トップの施設---------------------------------------------------------------*/
.facility{
    width: 90%;
    padding: 2%;
    margin: 20px auto;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius:15px;
}
.left_p{
    float: left;
    list-style: none;
    width: 40%;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    margin: 2%;
}
.right_txt_area{
    float: right;
    width: 50%;
    margin: 2%;
    text-align: left;
}
.right_txt{
    margin: 3px 0;
}
.right_txt_area span{
    width: 100%;
    color: #4E932A;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 0;
    border-bottom: 1px solid #4E932A;
}
.right_txt_btn{
    margin: 10px 60% 0 0; 
    width: 40%;
}



/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding: 20px 0;	/*上下、左右へのボックス内の余白*/
}
footer a {text-decoration: none;}
footer .pr {display: block;}


/*テーブル（ta1）
---------------------------------------------------------------------------*/
.tbl-r02 {
  border-collapse: collapse;
  margin: 40px auto 40px auto;
  padding: 0;
  width: 94%;
  border:  1px solid #ccc;
  font-weight: normal;
    line-height: 1.8em;
}
table {
  margin: 20px auto;
}

.tbl-r02 tr{
    border-collapse: collapse;
    border: solid 1px #ccc;
}
.tbl-r02 th {
  border-collapse: collapse; 
  background: #DFF8CC;
  border: solid 1px #ccc;
  color:#666;
  padding: 10px 15px;
  font-weight: normal;
  text-align: left;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px 20PX;
  color: #666;
}




/*ページの上部に戻る「↑」ボタン
---------------------------------------------------------------------------*/
@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}
/*通常時のボタンは非表示*/
body .nav-fix-pos-pagetop a {
	display: none;
}
/*fixmenu_pagetop.jsで設定している設定値になったら出現するボタンスタイル*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;text-decoration: none;text-align: center;
	width: 50px;	/*ボタンの幅*/
	line-height: 50px;	/*ボタンの高さ*/
	z-index: 100;
	position: fixed;
	bottom: 20px;	/*ウィンドウの下から20pxの場所に配置*/
	right: 1%;		/*ウィンドウの右から1%の場所に配置*/
	background: #5D863D;	/*背景色（古いブラウザ用）*/
	color: #fff;	/*文字色*/
	border-radius: 50%;	/*角丸指定。50%にすると円形になる。四角形がいいならこの１行削除。*/
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時の背景色*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #A68D08;
}

 

/*NEWアイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;		/*文字サイズ*/
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

.video_box{
	width: 95%;
	padding: 1%;
	margin-bottom: 20px;
	border:1px solid #ccc;

}




/*その他
---------------------------------------------------------------------------*/
.look {background: #c3b5a2;background: rgba(0,0,0,0.1);padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.p0 {padding:0 !important;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 15px;list-style: disc;}
.color1, .color1 a {color: #393852 !important;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.w50 {overflow: hidden;width: 50%;}
.fl {float: left;}
.fr {float: right;}
.big1 {font-size: 50px;}
.big2 {font-size: 24px;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.pc {display:block;}



/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
#container{
    display: flex;
    flex-direction: column;
    align-items:center;
}


/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
    float: none;
	background: none;
	width: 50%;
	height: auto;
	position: absolute;
    top:15px;
    left:19%;
	border-top: none;
	box-shadow: none;
}
/*ロゴ*/
header #logo {
	background: transparent;
}
    

/*メインメニュー
---------------------------------------------------------------------------*/
/*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。
透明(opacity: 0;)から色をつける(opacity: 1;)までの指定。*/
@keyframes menubar {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/*スマホ用メニューブロック*/
#menubar-s {
	display: block;overflow: hidden;
	position: fixed;z-index: 50;
	top: 0px;
	width: 100%;
    background: rgba(91,147,50,0.70);
	border-top: 1px solid #fff;		/*上の線の幅、線種、色*/
	animation-name: menubar;		/*上のkeyframesの名前*/
	animation-duration: 0.5s;	/*アニメーションの実行時間。0.5秒。*/
	animation-fill-mode: both;	/*待機中は最初のキーフレームを、完了後は最後のキーフレームを維持*/
}
/*メニュー１個あたりの設定*/
#menubar-s li a {
	display: block;text-decoration: none;
	padding: 20px;	/*メニュー内の余白*/
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	color: #fff;	/*文字色*/
	font-size: 20px;
}

/*PC用メニューを非表示にする*/
#menubar {display: none;}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: fixed;z-index: 50;
	top: 10px;		/*上から10pxの場所に配置*/
	right: 10px;	/*右から10pxの場所に配置*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
}
/*アイコン共通設定*/
#menubar_hdr.close,
#menubar_hdr.open {
	width: 50px;	/*幅*/
	height: 50px;	/*高さ*/
}
/*三本バーアイコン*/
#menubar_hdr.close {
	background: #74983A url(../images/icon_menu.png) no-repeat center top/50px;	/*背景色、背景画像の読み込み、画像の上半分（３本マーク）を表示。幅は50px。*/
}
/*閉じるアイコン*/
#menubar_hdr.open {
	background: #74983A url(../images/icon_menu.png) no-repeat center bottom/50px;	/*背景色、背景画像の読み込み、画像の下半分（×マーク）を表示。幅は50px。*/
}

/*コンテンツ
---------------------------------------------------------------------------*/
/*コンテンツ*/
.contents {
    width: 88%;
    float: right;
	overflow: hidden;
	padding: 190px 4% 0 4%;	/*ボックス内の余白。上、右、下、左。*/

}
.main{
    width: 90%;
    padding:10px 5%  40px 5%;
	overflow:hidden;
	position: relative;
    background-color:#fff;
    border: 1px solid #74983A;
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    margin:30px 0;
}
.main li{
    margin-bottom: 10px;
}


#topnews{
	width: 90%;
    padding:10px 5%  50px 5%;
	position: relative;
    background-color:#fff;
    border: 1px solid #74983A;
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    max-height: 400px;
}
#topnews .news-area{
    clear: both;
	width: 93%;
	height: 280px;
	padding: 10px 3%;
	margin-bottom: 20px;
    overflow:auto;
}
.news{
    width: 95%;
    padding-right: 5%;
    padding-bottom: 20px;
    
}
#topnews .subttl{
	clear: both;
	padding: 6px 25px;	/*上下、左右への余白*/
	color: #000;
	font-size: 15px;
	line-height: 2em;
	background-color:#F5FFE2;
	border-radius: 8px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    margin: 10px 0 0 0;
}

.date{
	float: left;
	width: 100px;
	font-size: 15px;
	line-height: 2em;
	color:#71A166;
	margin-left: 10px;
	margin-right: 20px;
}
.news_txt{
    width: 94%;
	height: auto;
	padding: 20px 3% 10px 3%;
	font-size: 15px;
	line-height: 1.8em;
	color: #666;
}

.news_bottom{
    clear: both;
    width: 40%;
    margin: 10px 0 30px 10px;
}

.news_zoom{
    margin-top: 50px;
    margin-left: 30px;
    float: left;
    margin-bottom: 10px;
    width: 45%;
}

.news_photo_box{
    clear: both;
	width: 94%;
	height: auto;
	padding: 3%;
}

.news_photo_box ul li{
	border: 1px solid #999;
	width: 200px;
	float: left;
	height: auto;
	padding: 6px;
	margin: 10px;
	list-style: none;

}
.news_photo_box ul li a:hover{
    opacity: 0.7
}

.news_ttl a:hover{
	color:#C93;
}

/*トップの施設---------------------------------------------------------------*/
.facility{
    width: 84%;
    padding: 5%;
    margin: 20px auto;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius:15px;
}
.left_p{
    float:none;
    list-style: none;
    width: 80%;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    margin: 0 auto;
}
.right_txt_area{
    float: none;
    width: 80%;
    margin: 20px auto;
    text-align: left;
}
.right_txt{
    margin: 3px 0;
}
.right_txt_area span{
    width: 100%;
    color: #4E932A;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 0;
    border-bottom: 1px solid #4E932A;
}
.right_txt_btn{
    margin: 10px 60% 0 0; 
    width: 40%;
}



/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #footermenu,.m-n {display: none;}
.big1 {font-size: 24px;}
.w50 {overflow: hidden;width: auto;}
.fl {float: none;}
.fr {float: none;}
.sh {display:block;}
.pc {display:none;}

}



/*画面を横向きにした場合の高さが500px以下の場合の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (orientation: landscape) and (max-height:500px){

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
#menubar-s li a {
	float: left;		/*左に回り込み*/
	width: 40%;			/*幅*/
	margin-left: 4%;	/*メニューの左側に空けるスペース*/
	line-height: 1.2;	/*行間*/
}

}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 13px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
}

ol {padding-left: 30px;padding-bottom: 20px;}
/*コンテンツ*/
.contents {
	padding: 100px 4% 30px 4%;	/*ボックス内の余白。上、右、下、左。*/
}

/*h2見出し*/
.contents h2 {
    width: 200px;
    margin: 10px auto;
	clear: both;
	font-size: 19px;	/*文字サイズ*/
	margin-bottom: 20px;	/*下に空ける余白*/
	text-align: center;		/*文字をセンタリング*/
	line-height: 1.5;	/*行間*/
    font-weight: 700;
	color: #74983A;	/*文字色*/
	background: url(../images/h2_bg.png) no-repeat center/100%;	/*見出しの上に入っている装飾。*/
	padding: 20px 10px;
}
/*h2見出し内のspanタグ*/
.contents h2 span {
	letter-spacing: 0.2em;	/*文字間隔を広くとる設定*/
}
/*h3見出し*/
.contents h3 {
	clear: both;
    font-size: 20px;
	letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
	background: #fff;		/*背景色（古いブラウザ用）*/
	background: rgba(255,255,255,0.3);	/*255,255,255は白の事で0.3は30%色がついた状態の事。*/
	text-align: left;		/*文字を中央に*/
	border-radius: 30px;	/*角丸のサイズ。大きめに設定しておけばOK。*/
	padding: 0px 20px;		/*上下、左右への余白*/
    color: #74983A;
    margin-bottom: 20px;
}
.contents h3 span{
    color:#CEEBB7;
}
/*段落タグ*/
.contents p {
	padding: 0 5% 20px 5%;		/*上、左右、下への余白*/
}

/*sectionが続いた場合の設定*/
.contents section + section {
	margin-top: 50px;
}
.contents h4{
    font-size: 15px;
    letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
	line-height: 1.5;	/*行間*/
    font-weight: 500;
    padding:10px 2%;
}
.contents h4 a{
    color: #9C7F0A;
    text-decoration: none;
}
.contents h4 a:hover{
    color:#DABF1A;
}
.contents h4 span{
    color:#9CA748;
}
.col_green{
    color: #5D8A39;
}

.main{
    width: 90%;
    padding:10px 5%  40px 5%;
	overflow:hidden;
	position: relative;
    background-color:#fff;
    border: 1px solid #74983A;
    border-radius: 25px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    margin:30px 0;
}
.main li{
    margin-bottom: 10px;
}    
    
/*concept_catch*/

.catch{
    width: 90%;
    margin: 0 auto 30px auto;
}
.catch img{
    width: 100%;
}
    
/*トップ新着情報
---------------------------------------------------------------------------------------------------------------------------------------------------------*/

#topnews{
	width: 90%;
    padding:10px 5%  50px 5%;
	position: relative;
    background-color:#fff;
    border: 1px solid #74983A;
    border-radius: 25px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    max-height: 400px;
}
#topnews .news-area{
    clear: both;
	width: 93%;
	height: 280px;
	padding: 10px 3%;
	margin-bottom: 20px;
    overflow:auto;
}
.news{
    width: 95%;
    padding-right: 5%;
    padding-bottom: 20px;
    
}
#topnews .subttl{
	clear: both;
	padding: 6px 25px;	/*上下、左右への余白*/
	color: #000;
	font-size: 15px;
	line-height: 1.6em;
	background-color:#F5FFE2;
	border-radius: 8px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    margin: 10px 0 0 0;
}

.date{
	float: none;
	width: 100px;
	font-size: 14px;
	line-height: 1.8em;
	color:#71A166;
	margin-left: 0;
	margin-right:0;
}
.news_txt{
    width: 94%;
	height: auto;
	padding: 20px 3% 10px 3%;
	font-size: 14px;
	line-height: 1.8em;
	color: #666;
}
.news_txt a{
	color: #36C;
}
.news_txt a:hover{
	color: #C30 ;
}
.news_bottom{
    clear: both;
    width: 80%;
    margin: 0 0 30px 10px;
}


.news_photo_box{
    clear: both;
	width: 94%;
	height: auto;
	padding: 3%;
}

.news_photo_box ul li{
	border: 1px solid #999;
	width: 200px;
	float: none;
	height: auto;
	padding: 6px;
	margin: 10px auto;
	list-style: none;

}
.news_photo_box ul li a:hover{
    opacity: 0.7
}

.news_ttl a:hover{
	color:#C93;
}


 
    
/*トップの施設---------------------------------------------------------------*/
.facility{
    width: 86%;
    padding: 5%;
    margin: 20px auto;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius:15px;
}
.left_p{
    float:none;
    list-style: none;
    width: 90%;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    margin: 0 auto;
}
.right_txt_area{
    float: none;
    width: 90%;
    margin: 20px auto;
    text-align: left;
}
.right_txt{
    margin: 3px 0;
}
.right_txt_area span{
    width: 100%;
    color: #4E932A;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0;
    border-bottom:none;
}
.right_txt_btn{
    margin: 10px 60% 0 0; 
    width: 60%;
}

/*table*/
 .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 97%;
  }
  .tbl-r02 {
     border-collapse: collapse; 
    width: 95%;
  }
  .tbl-r02 th{
    display: block;
    width: 89%;
    border-collapse: collapse; 
    }
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 90%;
    border-collapse: collapse; 
      
  }

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
.big1 {font-size: 16px;}

}