@charset "utf-8";
/* CSS Document */
.d-flex{display: flex;
    align-items: flex-start;}
/* 共通レイアウト */
#headerWrapper,
#mainImageWrapper,
#contentWrapper,
#footerWrapper {
	min-width: 0;
	width: 100%;
	box-sizing: border-box;
}
#contentArea #breadcrumbListBlock{    line-height: 1.4;}
#headerArea,
#mainImageArea,
#contentArea,
#footerArea {
	width: 100%;
	max-width: 1242px;
	margin: 0 auto;
	box-sizing: border-box;
}
#mainImageWrapper #mainImageArea {
    width: auto;}
/* ヘッダー */
#headerArea {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#headerWrapper {
    height:auto;
}

#headerArea #logoBlock {
	flex: 1 1 auto;
        width: 100%;
	min-width: 0;
	max-width: 390px;
	padding: 5px;
	box-sizing: border-box;
        height: auto;
}

#headerArea #logoBlock img {
	width: 100%;
	height: auto;
}
  #headerArea #logoBlock a {
      display: block;
}
#headerArea #searchBlock {
	flex: 0 1 auto;
	min-width: 0;
	position: relative;
	padding: 39px 10px;
	box-sizing: border-box;
       width: 300px;
        float: none;
    margin-bottom: 20px;
}

#headerToolBlock {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	max-width: 100%;
	min-width: 0;
	white-space: nowrap;
}

#headerToolBlock #searchForm {
	flex: 0 1 260px;
	min-width: 0;
	margin: 0;
}

#headerToolBlock input[type="text"],
#headerToolBlock input[type="search"] {
	width: 100%;
	max-width: 260px;
	min-width: 0;
	box-sizing: border-box;
}

#sitemap_link {
	flex: 0 0 auto;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
	white-space: nowrap;
}

/* メイン画像 */
#mainImageWrapper {
	height: auto;
}

#mainImageWrapper #mainImageArea {
	text-align: center;
}

#mainImageWrapper #mainImageArea img {
	width: 100%;
	max-width: 1242px;
	height: auto;
}

/* コンテンツ */
#contentArea {
	width: 96%;
	box-sizing: border-box;
	overflow-x: hidden;
     max-width: 1242px;
    margin: 0 auto;
}

#contentArea #mainBlock {
flex: 1;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}
#contentArea #mainBlock .postListTitle,
#contentArea #mainBlock .postListContent{
      width: auto;
}
#contentArea #mainBlock .newsBox {
    width: auto;
    height: 500px;
    float: none;
}

/* ハンバーガーボタン */
#hamburgerBtn {
	flex: 0 0 40px;
	display: block;
	width: 40px;
	height: 40px;
	background: none;
	border: none;
	cursor: pointer;
	position: relative;
	z-index: 9999;
}

#hamburgerBtn span {
	display: block;
	width: 28px;
	height: 3px;
	margin: 6px auto;
	background: #fff;
}

/* 全画面メニュー */
#mobileNav {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: #fff;
	padding: 90px 32px 48px;
	box-sizing: border-box;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-12px);
	transition:
		opacity 0.35s ease,
		visibility 0.35s ease,
		transform 0.35s ease;
}

#mobileNav.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

body.menu-open {
	overflow: hidden;
}

#mobileNavClose {
	position: fixed;
	top: 22px;
	right: 28px;
	width: 44px;
	height: 44px;
	border: 1px solid rgb(1, 47, 70);
	background: #fff;
	color: rgb(1, 47, 70);
	font-size: 34px;
	line-height: 40px;
	cursor: pointer;
	z-index: 10001;
}

/* ハンバーガーメニュー */
.mobile-menu {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.mobile-menu > li {
	background: #fff;
	opacity: 0;
	transform: translateY(10px);
	transition:
		opacity 0.35s ease,
		transform 0.35s ease;
}

#mobileNav.active .mobile-menu > li {
	opacity: 1;
	transform: translateY(0);
}

.mobile-menu > li > a {
	display: block;
	padding: 13px 16px;
	background: #308132;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	box-sizing: border-box;
}

.mobile-menu > li > a:hover,
.mobile-menu > li > a:focus {
	background: #83ba92;
 
}

.mobile-menu .sub-menu {
	margin: 0;
	padding: 6px 0;
	background: #fff;
	list-style: none;
}

.mobile-menu .sub-menu li {
	border-bottom: 1px solid #83ba92;
   margin-left:15px;
}

.mobile-menu .sub-menu a {
	display: block;
	padding: 8px 0;
	background: #fff;
	color: rgb(1, 47, 70);
	font-size: 16px;
	line-height: 1.5;
	text-decoration: none;
}

.mobile-menu .sub-menu li:hover,
.mobile-menu .sub-menu li:focus {
	border-bottom-color: #308132;
}

.mobile-menu .sub-menu a:hover,
.mobile-menu .sub-menu a:focus {
	color: #308132;
}
#contentArea #mainBlock .twitterBox{
    margin-left:0px;
    width:50%;
}
#contentArea #mainBlock .FacebookBox{
    margin-left:0px;
    height:350px;
     width:50%;
}

#contentArea #mainBlock .twitterBox .twitterTitle,#contentArea #mainBlock .FacebookBox .FacebookTitle{
    width:auto;
}
#contentArea #updateDataBlock {
       max-width: 1242px;
    margin: 0 auto;
}
#contentArea #sidebarBlock {margin-right:10px;}
@media screen and (max-width: 768px) {
    
	#sidebarBlock,
	#side,
	#sidebar,
	.leftMenu {
		display: none;
    }}

.main-box,.sns-box{
    max-width: 1242px;
    margin: 0 auto;
    display: flex;
	gap: 10px;
	max-width: 100%;
	box-sizing: border-box;
}
.tableScroll{
	width:100%;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
#contentArea #mainBlock .infoBox .infoTitle, #contentArea #mainBlock #contentBox .detailTitle, #contentArea #mainBlock h3{
    width:auto;
    background: none;
    border-left: 10px solid #006219 !important;}
#contentArea #mainBlock #postTitle, #contentArea #mainBlock .contentTitle, #contentArea #mainBlock h2{
        width:auto;
}
.enkaku-table{
    
}
.tableScroll table{
	min-width:700px;
	border-collapse:collapse;
}
.youtubeWrap{
	width:min(100%, 560px);
	aspect-ratio:16 / 9;

	margin:20px 0;
}

.youtubeWrap iframe{
	width:100%;
	height:100%;

	display:block;
	border:none;
}
.pagination{
	margin:30px 0;
	text-align:center;
}

.pagination .page-numbers{
	display:inline-block;
	margin:0 4px;
	padding:3px;
	text-decoration:none;
}
#contentArea #mainBlock .postListContent a{    word-break: break-all;}
.pagination .current{
	background:#2c7f2f;
	color:#fff;
	border-color:#2c7f2f;
}
#bbsold table td{    word-break: break-word;}
.toko-tabel th{width:180px;}
#mokujibox{margin:1em 0}
.mokujilist {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mokujilist li {
    width: calc((100% - 48px) / 3);
    margin-left:0;
}

.mokujilist a { white-space: nowrap;
    font-size: small;
}
  .pc-main{display:block;}
    .sp-main{display:none;}
#contentArea #mainBlock img{width:100%;}
#footerArea{width: 96%;
    align-content: center;
}
   #footerArea #copyrightBlock{
       width:auto!important;
    height:auto!important;
    padding:0;}
/* 1280px以下 */
@media screen and (max-width: 1280px) {
	#contentArea #mainBlock {
		width: 100%;
		float: none;
	}
    	.mobile-menu {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}
    .mobile-menu > li {
    margin-left:0;
    }
    .enkaku-table,
	.enkaku-table tbody,
	.enkaku-table tr,
	.enkaku-table td{
		display:block;
		width:100% !important;
		box-sizing:border-box;
	}

	.enkaku-table tr{
		margin-bottom:12px;
		padding-bottom:12px;
		border-bottom:1px solid #ddd;
	}

	.enkaku-table td:first-child{
		font-weight:bold;
		margin-bottom:4px;
	}

}

@media screen and (max-width: 991px) {
        table.toko-tabel, .toko-tabel thead, .toko-tabel tbody, .toko-tabel th, .toko-tabel td, .toko-tabel tr {
    display: block;
  }
    .toko-tabel th,   .toko-tabel td{width:auto;    padding:10px;    text-align: left;}    
    .toko-tabel th br{display:none;}
    .toko-tabel span{margin-left:10px;}
    .toko-tabel input,  .toko-tabel textarea{
         width: 100%;
    }
    .toko-tabel input[type=checkbox],.toko-tabel input[type=radio] {  width: auto;}
  table {
    width: 100%;
  }
	#sidebarBlock,
	#side,
	#sidebar,
	.leftMenu {
		display: none;
	}
    .main-box,.sns-box{display: block; }
}
/* 768px以下 */
@media screen and (max-width: 768px) {
    .pc-main{display:none!important;}
    .sp-main{display:block!important;}
    #contentArea #mainBlock h4{height:auto;}
  .mokujilist li {
        width: calc((100% - 16px) / 2);
    }
	#headerArea {
		align-items: center;
	}

	#headerArea #logoBlock {
		max-width: 45%;
	}

	#headerArea #searchBlock {
		max-width: 55%;
		padding: 5px 8px;
    
	}
    
    #footerArea #copyrightBlock{
        width:auto;}
     #footerArea #copyrightBlock p{font-size: 12px;text-align: left;}
	#headerToolBlock {
		gap: 6px;
	}

	#sitemap_link {
		display: none;
	}

	#headerToolBlock #searchForm {
		flex: 1 1 auto;
		max-width: 180px;
	}

	#headerToolBlock input[type="text"],
	#headerToolBlock input[type="search"] {
		width: 100%;
		max-width: 180px;
	}


	#mobileNav {
		padding: 82px 18px 36px;
	}

	.mobile-menu {
			grid-template-columns: 1fr;
	}
    .mobile-menu > li {
    margin-left:0;
    }
    #contentArea #mainBlock .twitterBox, #contentArea #mainBlock .FacebookBox{
    width:100%;
}
}

/* 480px以下 */
@media screen and (max-width: 480px) {

   .mokujilist li {
        width: 100%;
    }
	.mobile-menu > li > a {
		font-size: 16px;
	}
}

.logo-img{
max-width:200px!important;}