@charset "UTF-8";

html,body{height:100%;}

body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}

/* default */

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.aligncenter{text-align:center;}
img{vertical-align: bottom;line-height: 1;max-width:100%;}
a{text-decoration: none;color:#4d4d4d;}


/* common item ---------------------------------------*/

.clearfix:after,
.inner:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/* layout ---------------------------------------*/

.container{
	width:100%;
	min-width:960px;
}

article{
	width: calc(100% - 160px);
	margin-left: 160px;
	padding-bottom: 100px;
	overflow: hidden;
	position: relative;
}

.wrapper{}

.inner{
	width:800px;
	margin:0 auto;
}

.overlay,
.spMenuClose,
#spMenu{display: none;}


/* header ---------------------------------------*/

header{
	width:160px;
	min-height:100%;
	background: #fff;
	z-index:10;
	box-shadow:2px 0px 10px rgba(0,0,0,0.2);
	position:fixed;
	left:0px;
	top:0px;
	overflow-y:auto;
}

header .headerLogo{
	display: block;
	background: url(../img/common/logo.png) center center no-repeat;
	background-size: 120px;
	width: 160px;
	height: 30px;
	text-indent: -999em;
	overflow: hidden;
	margin: 0 auto;
}


/* gnav ---------------------------------------*/

#gnav{}

.gnavList{
	margin:0 auto;
	overflow: hidden;
}

.gnavList li{
	/*border-bottom:1px dashed #000;*/
	transition: all .25s ease;
}

/*.gnavList li:first-child{border-top:1px dashed #000;}*/
.gnavList li:hover{border-color:#fff;}

.gnavList li a{
	background: url(../img/common/gnav_eat.png) no-repeat center center;
	width:160px;
	height:60px;
	display:block;
	color:#fff;
	text-indent:-99em;
	overflow: hidden;
	position: relative;
}

.gnavList li.menu1 a{background-image: url(../img/common/gnav_eat.png);}
.gnavList li.menu2 a{background-image: url(../img/common/gnav_grow.png);}
.gnavList li.menu3 a{background-image: url(../img/common/gnav_learn.png);}
.gnavList li.menu4 a{background-image: url(../img/common/gnav_money.png);}
.gnavList li.menu5 a{background-image: url(../img/common/gnav_land.png);}
.gnavList li.menu6 a{background-image: url(../img/common/gnav_map.png);}
.gnavList li.menu7 a{background-image: url(../img/common/gnav_about.png);}

.gnavList li a:after{
	content:'';
	background: url(../img/common/gnav_eat_on.png) no-repeat center center;
	width:160px;
	height:60px;
	display:block;
	color:#fff;
	text-indent:-99em;
	overflow: hidden;
	position: absolute;
	left:0px;
	top:0px;
	opacity:0;
	transition: all .25s ease;
}

.gnavList li.menu1 a:after{background-image: url(../img/common/gnav_eat_on.png); background-color: #00b98a;}
.gnavList li.menu2 a:after{background-image: url(../img/common/gnav_grow_on.png); background-color: #f7a42b;}
.gnavList li.menu3 a:after{background-image: url(../img/common/gnav_learn_on.png); background-color: #ff5600;}
.gnavList li.menu4 a:after{background-image: url(../img/common/gnav_money_on.png); background-color: #f5aabf;}
.gnavList li.menu5 a:after{background-image: url(../img/common/gnav_land_on.png); background-color: #65bfef;}
.gnavList li.menu6 a:after{background-image: url(../img/common/gnav_map_on.png); background-color: #e2e05e;}
.gnavList li.menu7 a:after{background-image: url(../img/common/gnav_about_on.png); background-color: #007a55;}

.gnavList li a.current{}

.gnavList li a:hover{}
.gnavList li a:hover:after{opacity:1;}

.subnavList{
	padding:13px 0 13px 10px;
}

.subnavList li{
	line-height: 1.0;
}
.subnavList li a{
	display: block;
	color:#424242;
	padding:4px 0;
	font-size: 12px;
	font-weight: bold;
}

.subnavList li a:hover{
	opacity: 0.6;
}

.subnavList2{
	padding:0 13px 30px;
}

.subnavList2 li{
	line-height: 1.0;
	margin-bottom: 13px;
}

.subnavList2 li a{
	display: block;
	border: 3px solid #51B48E;
	border-radius: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #51B48E;
	text-align: center;
	transition: all .25s ease;
	padding: 14px 0;
}

.subnavList2 li a:hover{
	background: #51B48E;
	color:#fff;
}

#openMenu{display:none;}


/* footer ---------------------------------------*/

footer{
	background: #1BAE85;
	color:#fff;
	padding:95px 0 10px 160px;
	position: relative;
}

footer a{color:#fff;}

.footerInner{
	width:100%;
	max-width:1130px;
	margin:0 auto;
	position:relative;
}

.footerNav{
	display:flex;
	justify-content:space-between;
}

.footerNavLine{
	width:32%;
	line-height: 1.0;
}

.footerNavLine:nth-child(1){width:30%;}
.footerNavLine:nth-child(2){width:30%;}
.footerNavLine:nth-child(3){width:36%;}

.footerNavMainlink{
	margin-bottom: 40px;
	padding-top: 10px;
}

.footerNavMainlinkItem{
	font-size:20px;
	margin-bottom: 58px;
	font-weight: bold;
}

.footerNavMainlinkItem a{
	background: url(../img/common/icon_footer_eat.png) no-repeat left top;
	padding:5px 0 5px 45px;
}

.footerNavMainlinkItem.eat a{background-image: url(../img/common/icon_footer_eat.png);}
.footerNavMainlinkItem.grow a{background-image: url(../img/common/icon_footer_grow.png);}
.footerNavMainlinkItem.learn a{background-image: url(../img/common/icon_footer_learn.png);}

.footerNavTitlelink.rice a{background: url(../img/common/icon_footer_rice.png) no-repeat left 6px top; padding:4px 0 6px 45px;}
.footerNavTitlelink.novice a{background: url(../img/common/icon_footer_novice.png) no-repeat left 6px top; padding:5px 0 12px 45px;}
.footerNavTitlelink.money a{background: url(../img/common/icon_footer_money.png) no-repeat left top; padding:8px 0 6px 50px;}
.footerNavTitlelink.land a{background: url(../img/common/icon_footer_land.png) no-repeat left top; padding:10px 0 6px 50px;}
.footerNavTitlelink.about a{background: url(../img/common/icon_footer_about.png) no-repeat left top; padding:5px 0 10px 50px;}

.footerNavTitlelink{
	font-size:20px;
	font-weight: bold;
	margin-bottom: 25px;
}

.footerNavTitlelink a{
	display: inline-block;
	padding-bottom: 2px;
	/*border-bottom:2px solid #fff;*/
}

.footerNavSmalllink{margin-bottom: 60px;}
.footerNavSmalllink.bgSubLink{padding-left: 50px;}

.footerNavSmalllink li{
	font-size:13px;
	margin-bottom: 8px;
}

.footerNavSmalllink li a:hover{text-decoration: underline;}

.footerNavMiddlelink{
	margin-bottom: 60px;
}

.footerNavMiddlelink li{
	font-size:19px;
	margin-bottom: 15px;
	padding-left: 50px;
	font-weight: bold;
}

.footerCompany{
	text-align: center;
	padding:35px 0 20px 160px;
	line-height: 1;
}

.footerLogo{
	text-indent:-99em;
	overflow: hidden;
	background: url(../img/common/logo_footer.png);
	width: 236px;
	height: 35px;
	margin:0 auto 20px;
	display: block;
}

.footerAddress{
	font-size:16px;
	line-height: 1.0;
	margin-bottom: 15px;
}

.footerCompany .copyright{
	display: block;
	font-size: 11px;
}

.gotop{
	position:absolute;
	right:40px;
	top:-80px;
	z-index:100;
}

.gotop a{
	display: block;
	text-indent:-99em;
	overflow: hidden;
	background: url(../img/common/gotop.png) no-repeat left top;
	background-size: 100%;
	width:70px;
	height:70px;
	transition: all .25s ease;
}

.gotop a img{width:100%;}
/*.gotop a:hover{opacity: 0.6;}*/


/*a:hover*/
article .wrapper a{transition: all .25s ease;}
article .wrapper a:hover{
	opacity: 0.8;
	text-decoration: underline;
	color: #000064;
}
.breadcrumb ul li a:hover::after{
	text-decoration: none;
	display: inline-block;
}

article .wrapper.catTop a:hover {
	opacity: 0.8;
	text-decoration: none;
}

/* kv ---------------------------------------*/

.pageKv{
	background: #f1f1f1;
	/*height:250px;*/
	width: 100%;
}
.pageKv img{
	width: 100%;
}

/* breadcrumb ---------------------------------------*/

.breadcrumb{
	padding:20px 0 20px 0;
	width: 800px;
	display: block;
	margin: 0 auto;
}

.breadcrumb ul{font-size:0}
.breadcrumb ul li{
	display: inline-block;
	font-size:13px;
	margin-right: 10px;
	line-height: 1.0;
}

.breadcrumb ul li a{
	display: block;
}

.breadcrumb ul li a:after{
	content:'>';
	padding-left: 10px;
}

/* title ---------------------------------------*/

.pageTitleWrapper{
	text-align: center;
	padding: 45px 0 30px 0;
	width: 800px;
	display: block;
	margin: 0 auto;
}

.pageTitle{
	font-size: 40px;
	font-weight: bold;
	line-height: 1.0;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}

.pageTitleLead{
	line-height: 2.3;
	font-size:14px;
}

.sectionTitle{
	padding:15px 15px 20px;
	line-height: 1.3;
	font-size:20px;
	font-weight: bold;
	color:#E9AEBF;
	position: relative;
	margin-bottom: 35px;
}

.sectionTitle:before,
.sectionTitle:after{
	content:'';
	display: block;
	background: #ddd;
	width:100%;
	height:6px;
	position: absolute;
	left:0px;
	bottom:0px;
}

.sectionTitle:after{
	background: #E9AEBF;
	width:250px;
}

.sectionTitle.textGreen{color: #00b88b;}
.sectionTitle.textPink{color: #f3abbf;}
.sectionTitle.textRed{color: #E84A4D;}

.sectionTitle.textBlue:after{background: #6CC1ED;}
.sectionTitle.textGreen:after{background: #00b88b;}
.sectionTitle.textPink:after{background: #f3abbf;}
.sectionTitle.textRed:after{background: #E84A4D;}

.blockTitleWrapper{
	text-align: center;
}

.blockTitle{
	display: inline-block;
	line-height: 1.3;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 3px solid #ddd;
	font-size: 20px;
	font-weight: bold;
	padding: 0 131px 10px;
}

.col1 .blockTitle,
.col2 .blockTitle,
.col3 .blockTitle,
.col4 .blockTitle{display: block;padding:0 0 15px; margin-bottom: 15px;}

.blockTitle small{font-size:18px;}


/* color ---------------------------------------*/

.textGreen{color:#00af84 !important;}
.textBlue{color:#6CC1EB !important;}
.textYellow{color:#F8A54C !important;}
.textPink{color:#F8B5B4 !important;}
.textOrange{color:#ff8d52 !important;}
.textRed{color:#E84A4D !important;}

.sectionBgYellow{
	background: #FDFBED;
}

/* section ---------------------------------------*/

.section{
	padding:45px 0;
}

.boxWrapper{
	background: #fff;
	border-radius:20px;
	padding:40px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);
	position: relative;
	transition: all .25s ease;
	display: block;
	overflow: hidden;
}

/* margin ---------------------------------------*/

.blockMarginBottom{margin-bottom: 100px;}
.blockMarginBottom50{margin-bottom: 50px;}
.blockMarginBottom30{margin-bottom: 30px;}
.blockMarginBottom20{margin-bottom: 20px;}
.blockMarginBottom10{margin-bottom: 10px;}

/* text ---------------------------------------*/

.textSize16{font-size:16px !important;}
.textSize20{font-size:20px !important;}
.textSize24{font-size:24px !important;}


/* list ---------------------------------------*/

.newsList{}
.newsListItem{
	margin-bottom: 10px;
	font-size:18px;
	line-height: 1.0;
}

.newsListItem a:hover{
	text-decoration: underline;
}

.newsListItemDate{
	font-size:16px;
	display: block;
	margin-bottom: 5px;
}

.newsListItemText{
	line-height: 1.7;
}

/* サムネイルつきのお知らせ */

.newsBlockList{}
.newsBlockListItem{margin-bottom: 20px;}
.newsBlockListItem a{
	overflow: hidden;
}
.newsBlockListItemImage{
	float: left;
	width:420px;
	margin-right: 30px;
}
.newsBlockListItemImage img{width:100%;}
.newsBlockListItemDate{
	line-height: 1.0;
	display: block;
	margin-bottom: 18px;
	font-size:17px;
}
.newsBlockListItemTitle{
	font-size:22px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}
.newsBlockListItemText{
	line-height: 1.6;
	font-size:13px;

}

/* block list ---------------------------------------*/

.blockListWrapper{
	display:flex;
	flex-wrap:wrap;
	/*margin-left:-20px;
	margin-right:-20px;*/
}

.blockListWrapper .col1{
	width:calc(100% - 40px);
	margin:0 20px 40px;
}

.blockListWrapper .col2{
	width:calc(50% - 40px);
	margin:0 20px 40px;
}

.blockListWrapper .col3{
	width:calc(33% - 40px);
	margin:0 20px 40px;
}

.blockListWrapper .col4{
	width: calc(25% - 34px);
	margin: 0 16px 40px;
}

.blockListWrapper .col2 > a,
.blockListWrapper .col3 > a,
.blockListWrapper .col4 > a{display: block;}

.boxLink{
	background: #fff;
	border-radius:20px;
	padding:40px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);
	position: relative;
	transition: all .25s ease;
	display: block;
	overflow: hidden;
}

.boxLinkHasLink{
	padding-bottom: 80px;
}

a.boxLink:hover{
	box-shadow:0px 0px 1px rgba(0,0,0,0.4);
}

.boxLinkText{
	position: absolute;
	right:40px;
	bottom:40px;
	font-size:18px;
	font-weight: bold;
}

.blockListItemTitle{
	line-height: 1.4;
	font-size:20px;
	font-weight: bold;
	margin-bottom: 17px;
}
.blockListItemTitle.center{
	text-align: center;
}

.blockListItemImage{
	max-width:100%;
	margin-bottom: 25px;
}
.blockListItemImage img.rudius{
	border-radius: 10px;
}

.blockListItemText{
	font-size:14px;
	line-height: 1.7;
}
.blockListItemText.center{
	text-align:center;
}

.blockListWrapper ul.flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto
}

.blockListTextLink li a{
	text-decoration: underline;
}
.blockListTextLink li a:hover{text-decoration: none;}

/* 画像つきテキストレイアウト ---------------------------------------*/

.imageTextBlock{
	overflow: hidden;
	margin-bottom: 80px;
}

.imageTextBlockImage{
	max-width:448px;
	margin-bottom: 10px;
}

.imageTextBlockImage img{
	max-width:100%;
}

.imageTextBlockLeft .imageTextBlockImage{
	float: left;
	margin-right: 23px;
}

.imageTextBlockRight .imageTextBlockImage{
	float: right;
	margin-left: 23px;
}

.imageTextBlockTitle{
	line-height: 1.5;
	font-size:20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.imageTextBlockText{
	font-size:14px;
	line-height: 1.7;
}


/* 画像つきテキスト2列レイアウト ---------------------------------------*/

.imageTextBlockListWrapper{
	display:flex;
	flex-wrap:wrap;
	margin-left:-20px;
	margin-right:-20px;
}

.imageTextBlockListWrapper .col2{
	width:calc(50% - 40px);
	margin:0 20px;
	overflow: hidden;
}

.imageTextBlockListItemImage{
	float: left;
	margin-right: 20px;
}

.imageTextBlockListItemText{
	line-height: 1.7;
	font-size:14px;
}


/* お知らせ一覧 ---------------------------------------*/

.infoList {margin-bottom: 80px;}
.infoList li{margin-bottom: 25px;}


/* イベントスケジュール一覧 ---------------------------------------*/

.eventList {margin-bottom: 80px;}

.eventList > li{
	border-bottom:1px dashed #000;
}

.eventListItem > a,
.eventListItem > span{
	display: block;
	overflow: hidden;
	padding:30px 0;
	transition: all .25s ease;
}

.eventListItem > a:hover{opacity:0.7;}

.eventListItemImage{
	float: left;
	width:210px;
}

.eventListItemText{
	margin-left: 240px;
}

.eventListItemDate{
	line-height: 1.0;
	font-size:17px;
	margin-bottom: 12px;
	display: block;
}

.eventListItemCategory{
	margin-bottom: 14px;
	font-size:0px;
}

.eventListItemCategory li{
	font-size:17px;
	background: #aaa;
	display: inline-block;
	margin-right: 10px;
	line-height: 1.0;
	text-align: center;
	width:130px;
	color:#fff;
	padding:7px 0;
}

.eventListItemCategory li a{color:#fff;display: block;}

.eventListItemCategory li.pink,
.eventListItemCategory li.pink a{background: #F0ADC0;}
.eventListItemCategory li.orange,
.eventListItemCategory li.orange a{background: #FB8D59;}

.eventListItemTitle{
	font-size:22px;
	text-decoration: underline;
	line-height: 1.3;
	margin-bottom: 12px;
}

.eventListItemText p{
	font-size:18px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* pager ---------------------------------------*/

.pager{}

.pagerList{
	overflow:hidden;
	text-align:center;
	padding:20px 0;
	font-size:0px;
}

.pagerList li{
	display:inline-block;
	margin:0 5px;
	vertical-align: top;
	background: none !important;
	padding-bottom:0 !important;
}

.pagerList li a,
.pagerList li span{
	display:block;
	border:3px solid #52B68F;
	height:44px;
	width:44px;
	line-height:44px;
	text-align:center;
	font-size:22px;
	font-weight: bold;
	border-radius:8px;
	color:#52B68F;
	transition: all .25s ease;
}

.pagerList li a:hover,
.pagerList li span{
	background-color:#52B68F;
	color:#fff;
	text-decoration:none;
}

.pagerList li.pagerPrev a,
.pagerList li.pagerNext a{
	background: url(../img/common/pager_prev.png) no-repeat left top;
	width: 120px;
	height: 50px;
	border:none;
	text-indent:-99em;
	overflow: hidden;
}

.pagerList li.pagerPrev a{background-image: url(../img/common/pager_prev.png);}
.pagerList li.pagerNext a{background-image: url(../img/common/pager_next.png);}

.pagerList li.pagerPrev a:hover,
.pagerList li.pagerNext a:hover{opacity:0.7;}

/* form ---------------------------------------*/

.formLine{
	margin-bottom: 20px;
}

.formCol{
	display: inline-block;
	vertical-align: top;
}

.formCol + .formCol{margin-left: 20px;}

.formInputTitle{
	margin-bottom: 10px;
}

.formSelect{
	width: 290px;
	padding: 12px 10px;
	font-size: 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: url(../img/common/icon_select.png) 97% 50% no-repeat;
	background: url(../img/common/icon_select.png) 97% 50% no-repeat;
	background-size: 8px 36px;
	border-radius:0;
}

select::-ms-expand {
    display: none;
}

.formText{
	padding:13px 5px;
	border:1px solid #999;
	width:290px;
	box-sizing:border-box;
}

.formRadio {
  display: inline-block;
  line-height: 1;
  margin-right: 5px;
  font-size: 12px;
}

.formRadio label {
	background: url(../img/common/radio.png) left 1px no-repeat;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 23px;
	margin: 0px 0;
	padding: 3px 0 0 28px;
	position: relative;
	vertical-align: top;
}

.formRadio input[type="radio"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}
.formRadio input:checked + label {background-image: url(../img/common/radio_on.png);}
.formRadio input:disabled + label {opacity: 0.7;}

.formCheckbox {
  display: inline-block;
  line-height: 1;
  margin-right: 5px;
  font-size: 14px;
  position: relative;
}

.formCheckbox label {
	background: url(../img/common/checkbox.png) left 1px no-repeat;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 23px;
	margin: 0px 0;
	padding: 3px 0 0 28px;
	position: relative;
	vertical-align: top;
}

.formCheckbox input[type="checkbox"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}
.formCheckbox input:checked + label {background-image: url(../img/common/checkbox_on.png);}
.formCheckbox input:disabled + label {opacity: 0.7;}

.formTextarea{
	padding:13px 5px;
	border:1px solid #999;
	width:100%;
	box-sizing:border-box;
	height:280px;
}

.formTextarea.heightHalf{
	height:140px;
}

.formL{width:100%;}
.formM{width:400px;}

.formNotice{
	font-size:12px;
}

.formAgree{
	text-align: center;
	padding-top: 30px;
	font-size:18px;
}

.formSubmit{
	text-align: center;
	padding-top: 30px;
}

.submitBtn,
.backBtn,
.backTopBtn{
	border:none;
	cursor:pointer;
	transition: all .25s ease;
	background:#00b88b;
	color: #FFF;
	font-size: 20px;
	display: inline-block;
	width: 200px;
	padding:10px 0;
	border-radius:5px;
	box-sizing: border-box;
	vertical-align: top;
}

.backBtn{
	width:130px;
	background: #818181;
	color:#fff;
	text-decoration: none;
}

.backTopBtn{
	width:160px;
	background: #818181;
	color:#fff;
	text-decoration: none;
}

.submitBtn:hover,
.backBtn:hover,
.backTopBtn:hover{opacity:0.7;}

.backBtn + .submitBtn{margin-left: 20px;}

.confirmTable{
	margin-bottom: 40px;
}
.confirmTable th,
.confirmTable td{
	padding:10px 0;
	border-bottom:1px solid #ccc;
	vertical-align: middle;
}
.confirmTable th{
	width:40%;
	text-align: left;
	font-size:18px;
}

.confirmTable td{
	font-size:16px;
}



/* お知らせ詳細 */

.infoDetailTitle{
	text-align: center;
	font-size:25px;
	line-height: 1.6;
	padding-bottom: 10px;
	border-bottom:2px solid #80D8C3;
	margin-bottom: 50px;
}

.infoDetailBody,
.infoDetailBody p{
	text-align: left;
	font-size:14px;
	line-height: 1.7;
}
.infoDetailBody p{
	margin-bottom: 2em;
	text-align: left;
}

.infoDetailBody table{width:100%;}
.infoDetailBody table th,
.infoDetailBody table td{
	padding:10px;
	border:1px solid #aaa;
}
.infoDetailBody table th{background: #FCF5D3;text-align: center;font-size:16px;font-weight: bold;}
.infoDetailBody table td{font-size:14px;}


/*ボタンparts*/
.blockListWrapper a.greenBtn{
	background:#00b88b;
	color: #FFF;
	font-weight: bold;
	font-size: 24px;
	display: block;
	width: 100%;
	box-sizing: border-box;
}



@media screen and (min-width: 769px){
	.sp{display: none !important;}
	.spbr{display: none;}
}



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

	/* default */
	img{max-width:100%;}
	*{box-sizing:border-box;}

	/* layout */
	.pc{display: none !important;}
	.pcbr{display: none;}

	.headerInner,
	.footerInner,
	.container,
	.inner,
	.wrapper{
		min-width:0;
		width:100%;
	}

	.pageWrapper{margin-top: 55px;}
	.inner{
		margin:0 25px;
		width:auto;
		box-sizing:border-box;
	}

	article{
		width:100%;
		padding:0;
		margin:0;
	}

	/* default */

	header{
		width:100%;
		height:54px;
		min-height:0;
		background-color:#fff;
		position:fixed;
		left:0px;
		top:0px;
		z-index: 1000;
		padding:0px 0 0 0;
		box-shadow:0px 2px 2px rgba(0,0,0,0.2);
	}

	.headerInner{
		width:auto;
		padding:0px 0 0px 0;
		text-align: center;
		background: #fff;
		position: relative;
		z-index:200;
	}

	header .headerLogo{
		height: 54px;
		width: 181px;
		background: url(../img/common/logo_sp.png) center center no-repeat;
		background-size: 181px;
	}

	.overlay{
		content:'';
		display: block;
		position:fixed;
		width:100%;
		height:300px;
		background: rgba(0,0,0,0.4);
		left:0;
		top:0;
		z-index:999;
	}

	#openMenu{
		display:block;
		width:30px;
		height:30px;
		text-indent: -99em;
		overflow: hidden;
		position:absolute;
		left:20px;
		top:10px;
	}

	#openMenu span{
		content:'';
		display: block;
		width:26px;
		height:2px;
		background: #000;
		position: absolute;
		left:0px;
		transition: all .25s ease;
	}

	#openMenu span:nth-child(1){top:4px;}
	#openMenu span:nth-child(2){top:14px;}
	#openMenu span:nth-child(3){top:24px;}

	#openMenu.open span:nth-child(1){
		transform:rotate(45deg);
		top:13px;
		left:1px;
	}

	#openMenu.open span:nth-child(2){
		opacity:0;
		left:-25px;
	}

	#openMenu.open span:nth-child(3){
		transform:rotate(-45deg);
		top:13px;
		left:1px;
	}

	.menuopen{
		position: fixed;
		width: 100%;
		height: 100%;
	}

	/* gnav ---------------------------------------*/

	#gnav{display: none;}

	#spMenu{
		display: block;
		border:none;
		background: #fff;
		box-sizing:border-box;
		overflow:auto;
		z-index:1005;
		position: fixed;
		left:0px;
		top:54px;
		width:240px;
		line-height: 1.0;
		-webkit-transition: all .25s ease;
		transition: all .25s ease;
		transform:translate3d(-100%,0,0);
	}

	#spMenu.active{
		transform:translate3d(0,0,0);
		opacity:1;
	}

	#spMenu > ul > li{float:none;}

	#spMenu > ul > li > a{
		display: block;
		color:#fff;
		height:50px;
		background: #A7A7A7;
		text-indent:-99em;
		overflow: hidden;
		position: relative;
	}

	#spMenu > ul > li > a > span{
		display:block;
		content:'';
		background:url(../img/common/spmenu_plus.png) no-repeat left center;
		background-size: 17.5px;
		width:40px;
		height:20px;
		position:absolute;
		right:0px;
		top:50%;
		margin-top:-9px;
	}

	#spMenu > ul > li > a > span.noaccordion{
		display: none;
	}

	#spMenu > ul > li > a > span.open{
		background-image: url(../img/common/spmenu_minus.png);
	}


	#spMenu > ul > li.menu1 > a{background: url(../img/common/spmenu_eat.png) #1AAE85;background-size: 240px;}
	#spMenu > ul > li.menu2 > a{background: url(../img/common/spmenu_grow.png) #F4B283;background-size: 240px;}
	#spMenu > ul > li.menu3 > a{background: url(../img/common/spmenu_learn.png) #FC581F;background-size: 240px;}
	#spMenu > ul > li.menu4 > a{background: url(../img/common/spmenu_money.png) #F1ACBF;background-size: 240px;}
	#spMenu > ul > li.menu5 > a{background: url(../img/common/spmenu_land.png) #88D0F2;background-size: 240px;}
	#spMenu > ul > li.menu6 > a{background: url(../img/common/spmenu_map.png) #CBAF76;background-size: 240px;}
	#spMenu > ul > li.menu7 > a{background: url(../img/common/spmenu_about.png) #A7A7A7;background-size: 240px;}
        #spMenu > ul > li.menu8 > a{background: url(../img/common/spmenu_farmer.png) #51B48E;background-size: 240px;}

	#spMenu .submenu{display: none;}
	#spMenu .submenu > li{border-bottom:1px dotted #000;}
	#spMenu .submenu > li > a{
		display: block;
		color:#000;
		font-size:12px;
		height:50px;
		position: relative;
		line-height: 1.3;
	}

	#spMenu .submenu > li > a > span{
		position:absolute;
		left:25px;
		top:50%;
		transform:translate(0%,-50%);
	}

	#spMenu .submenu > li > a:after{
		display:block;
		content:'';
		background:url(../img/common/spmenu_arrow.png) no-repeat left top;
		background-size: 100%;
		width:8px;
		height:13px;
		position:absolute;
		right:15px;
		top:50%;
		margin-top:-4px;
	}

	#spMenu .spMenuTopBtn{
		display: block;
		color:#000;
		font-size:15px;
		text-align: center;
		line-height: 1.0;
		padding:20px 0;
	}

	#spMenu .spMenuTopBtn:before{
		content:'';
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		background: url(../img/common/icon_spmenu_top.png) 0 0 no-repeat;
		background-size: 100%;
		width:22px;
		height:22px;
		position: relative;
		top:-2px;
	}

	.spMenuClose{
		background: url(../img/common/spmenu_close.png);
		background-size: 100%;
		width:27px;
		height:27px;
		text-indent:-99em;
		overflow: hidden;
		position:fixed;
		right:8px;
		top:70px;
		z-index:1000;
	}


	/* footer ---------------------------------------*/

	footer{padding:0px 0 0px 0;}
	.footerInner{width:auto;}

	footer .spMenuList > li{border-bottom:1px dotted #fff;}
	footer .spMenuList > li:last-child{border-bottom:none;}
	footer .spMenuList > li > a{
		display: block;
		color:#fff;
		height:50px;
		background: #A7A7A7;
		text-indent:-99em;
		overflow: hidden;
		position: relative;
	}

	footer .spMenuList > li > a > span{
		display:block;
		content:'';
		background:url(../img/common/spmenu_plus.png) no-repeat left top;
		background-size: 17.5px;
		width:40px;
		height:50px;
		position:absolute;
		right:0px;
		top:50%;
		margin-top:-9px;
	}

	footer .spMenuList > li.menu1 > a{background: url(../img/common/spfootermenu_eat.png) #1AAE85 no-repeat;background-size: 350px;}
	footer .spMenuList > li.menu2 > a{background: url(../img/common/spfootermenu_grow.png) #1AAE85 no-repeat;background-size: 350px;}
	footer .spMenuList > li.menu3 > a{background: url(../img/common/spfootermenu_learn.png) #1AAE85 no-repeat;background-size: 350px;}
	footer .spMenuList > li.menu4 > a{background: url(../img/common/spfootermenu_money.png) #1AAE85 no-repeat;background-size: 350px;}
	footer .spMenuList > li.menu5 > a{background: url(../img/common/spfootermenu_land.png) #1AAE85 no-repeat;background-size: 350px;}
	footer .spMenuList > li.menu6 > a{background: url(../img/common/spfootermenu_map.png) #1AAE85 no-repeat;background-size: 350px;}
	footer .spMenuList > li.menu7 > a{background: url(../img/common/spfootermenu_about.png) #1AAE85 no-repeat;background-size: 350px;}
	footer .spMenuList > li.menu8 > a{background: url(../img/common/spfootermenu_other.png) #8E8E8E no-repeat center center;background-size: 350px;}

	footer .spMenuList .submenu{display: none;background: #fff;}
	footer .spMenuList .submenu > li{border-bottom:1px dotted #000;}
	footer .spMenuList .submenu > li:last-child{border-bottom:none;}
	footer .spMenuList > li:last-child  .submenu > li:last-child{border-bottom:1px dotted #000;}
	footer .spMenuList .submenu > li > a{
		display: block;
		color:#000;
		font-size:14px;
		height:50px;
		position: relative;
		line-height: 1.3;
	}

	footer .spMenuList .submenu > li > a > span{
		position:absolute;
		left:25px;
		top:50%;
		transform:translate(0%,-50%);
	}

	footer .spMenuList .submenu > li > a:after{
		display:block;
		content:'';
		background:url(../img/common/spmenu_arrow.png) no-repeat left top;
		background-size: 100%;
		width:8px;
		height:13px;
		position:absolute;
		right:15px;
		top:50%;
		margin-top:-4px;
	}

	.footerCompany{
		padding:15px 0 0px;
		line-height: 1;
	}

	.footerLogo{
		background: url(../img/common/logo_footer.png);
		background-size: 100%;
		width: 180px;
		height: 27px;
		margin:0 auto 10px;
	}

	.footerAddress{
		font-size:10px;
		margin-bottom: 5px;
	}

	.footerCompany .copyright{font-size: 10px;}

	.gotop{
		right:10px;
		top:-50px;
	}

	.gotop a{
		width:40px;
		height:40px;
	}

	.gotop a img{width:100%;}

	/* kv ---------------------------------------*/

	.pageKv{display: none;}

	/* breadcrumb ---------------------------------------*/

	.breadcrumb{display: none;}

	/* title ---------------------------------------*/

	.pageTitleWrapper{
		text-align: center;
		width: 100%;
		padding:50px 0 50px 0;
	}

	.pageTitle{
		font-size:20px;
		height: 1.3;
		letter-spacing: 0px;
		margin-bottom: 0px;
	}

	.pageTitleLead{
		line-height: 1.6;
		font-size:14px;
		margin-top: 20px;
	}

	.sectionTitle{
		padding:5px 5px 10px;
		font-size:16px;
		margin-bottom: 30px;
	}

	.sectionTitle:before,
	.sectionTitle:after{
		height:3px;
	}

	.sectionTitle:after{
		background: #E9AEBF;
		width:120px;
	}
	.sectionTitle span{
		font-size: 13px;
	}

	.blockTitleWrapper{
		text-align: center;
	}

	.blockTitle{
		border-bottom:2px solid #ddd;
		font-size:14px;
		padding:0 20px 5px;
	}

	.col2 .blockTitle,
	.col3 .blockTitle,
	.col4 .blockTitle{
		padding-bottom: 5px;
	}

	.blockTitle small{font-size:13px;}

	/* section ---------------------------------------*/

	.section{
		/*padding:50px 0;*/
		padding:0px 0;
	}

	/* margin ---------------------------------------*/

	.blockMarginBottom{margin-bottom: 40px;}
	.blockMarginBottomSp0{margin-bottom: 0px;}

	/* text ---------------------------------------*/

	.spTextSize13{font-size:13px !important;}
	.spTextSize14{font-size:14px !important;}
	.spTextSize15{font-size:15px !important;}
	.spTextSize16{font-size:16px !important;}
	.spTextSize18{font-size:18px !important;}


	/* list ---------------------------------------*/

	.newsListItem{font-size:13px;}
	.newsListItemDate{font-size:11px;}
	.newsListItemText{line-height: 1.6;}

	/* サムネイルつきのお知らせ */

	.newsBlockList{}
	.newsBlockListItem{margin-bottom: 20px;}
	.newsBlockListItem a{
		overflow: hidden;
	}
	.newsBlockListItemImage{
		width:120px;
		margin-right: 15px;
	}
	.newsBlockListItemDate{
		margin-bottom: 7px;
		font-size:11px;
	}
	.newsBlockListItemTitle{
		font-size:13px;
		margin-bottom: 10px;
	}
	.newsBlockListItemText{
		line-height: 1.5;
		font-size:11px;
		overflow: hidden;

	}

	/* block list ---------------------------------------*/

	.blockListWrapper{
		display:block;
		margin-left:0px;
		margin-right:0px;
	}

	.blockListWrapper .col1,
	.blockListWrapper .col2,
	.blockListWrapper .col3,
	.blockListWrapper .col4{
		width:auto;
		margin:0 0px;
	}

	.blockListWrapper .col2,
	.blockListWrapper .col3,
	.blockListWrapper .col4{margin-bottom: 40px;}

	.blockListWrapper .col2 > a,
	.blockListWrapper .col3 > a,
	.blockListWrapper .col4 > a{display: block;}

	.boxLink{
		border-radius:10px;
		padding:20px;
		box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	}

	.boxLinkHasLink{
		padding-bottom: 60px;
	}

	a.boxLink:hover{
		box-shadow:0px 0px 1px rgba(0,0,0,0.4);
	}

	.boxLinkText{
		right:20px;
		bottom:20px;
		font-size:13px;
	}

	.blockListItemTitle{
		font-size:15px;
		margin-bottom: 10px;
	}

	.blockListItemImage{
		max-width:100%;
		margin-bottom: 15px;
	}

	.blockListItemImage img{width:100%;}

	.blockListItemText{
		font-size:14px;
		line-height: 1.6;
	}

	/* 画像つきテキストレイアウト ---------------------------------------*/

	.imageTextBlock{
		margin-bottom: 40px;
	}

	.imageTextBlockImage{
		max-width:100%;
		margin-bottom: 15px;
	}

	.imageTextBlockImage img{
		width:100%;
	}

	.imageTextBlockLeft .imageTextBlockImage{
		float: none;
		margin-right:0px;
	}

	.imageTextBlockRight .imageTextBlockImage{
		float: none;
		margin-left: 0px;
	}

	.imageTextBlockTitle{
		line-height: 1.5;
		font-size:16px;
		margin-bottom: 10px;
	}

	.imageTextBlockText{
		font-size:14px;
		line-height: 1.6;
	}


	/* 画像つきテキスト2列レイアウト ---------------------------------------*/

	.imageTextBlockListWrapper{
		display:block;
		margin-left:0px;
		margin-right:0px;
	}

	.imageTextBlockListWrapper .col2{
		width:100%;
		margin:0 0 30px;
	}

	.imageTextBlockListItemImage{
		float: left;
		width:100px;
		margin-right: 13px;
	}

	.imageTextBlockListItemText{
		line-height: 1.7;
		font-size:14px;
	}

	/* form ---------------------------------------*/

	.formLine{
		margin-bottom: 25px;
		overflow: hidden;
	}

	.formCol{
		float: left;
		width:48%;
	}
	.formCol + .formCol{margin-left: 4%;}

	.formInputTitle{
		margin-bottom: 3px;
		font-size:14px;
	}

	.formSelect{
		font-size: 13px;
		width:100%;
	}

	.formText{
		width:100%;
	}

	.formTextarea{
		height:180px;
	}

	.formL{width:100%;}
	.formM{width:100%;}
	.formS{width:48%;}

	.formNotice{font-size:12px;	}


	.submitBtn,
	.backBtn,
	.backTopBtn{
		font-size: 15px;
		padding:12px 0;
	}

	.submitBtn{width:130px;}
	.backBtn{width:100px;}

	.submitBtn:hover,
	.backBtn:hover,
	.backTopBtn:hover{opacity:1;}

	.confirmTable{
		margin-bottom: 30px;
	}
	.confirmTable th{
		width:40%;
		text-align: left;
		font-size:13px;
	}

	.confirmTable td{
		font-size:12px;
	}

	/* お知らせ一覧 ---------------------------------------*/

	.infoList {margin-bottom: 0px;}
	.infoList li{margin-bottom: 25px;}


	/* イベントスケジュール一覧 ---------------------------------------*/

	.eventList {margin-bottom: 0px;}
	.eventListItem a{padding:15px 0;}
	.eventListItemImage{width:130px;}
	.eventListItemImage img{width:100%;}
	.eventListItemText{margin-left: 145px;}

	.eventListItemDate{
		font-size:12px;
		margin-bottom: 10px;
	}

	.eventListItemCategory{margin-bottom: 10px;}

	.eventListItemCategory li{
		font-size:10px;
		margin-right: 5px;
		width:60px;
		padding:3px 0;
	}

	.eventListItemTitle{
		font-size:15px;
		margin-bottom: 8px;
	}

	.eventListItemText p{
		font-size:14px;
		overflow: vixible;
		text-overflow: clip;
		white-space: initial;
	}

	/* pager ---------------------------------------*/

	.pager{}
	.pagerList{}

	.pagerList li{
		margin:0 3px 5px;
	}

	.pagerList li a,
	.pagerList li span{
		border:2px solid #52B68F;
		height:35px;
		width:35px;
		line-height:35px;
		font-size:18px;
		border-radius:5px;
	}

	.pagerList li.pagerPrev a,
	.pagerList li.pagerNext a{
		background: url(../img/common/pager_prev.png) no-repeat left top;
		background-size: 100%;
		width: 86px;
		height: 39px;
		border:none;
		text-indent:-99em;
		overflow: hidden;
	}

	.pagerList li.pagerPrev a{background-image: url(../img/common/pager_prev.png);}
	.pagerList li.pagerNext a{background-image: url(../img/common/pager_next.png);}

	.pagerList li.pagerPrev a:hover,
	.pagerList li.pagerNext a:hover{opacity:1;}


}




/* iphone5 iphoneSE用 */
@media screen and (max-width: 370px){

}