@charset "utf-8";
body{
margin:0;
padding:0;
letter-spacing: 0.02em;

}

@media screen and (min-width: 300px) {/*【スマートフォン横】*/
	/*content*/
	.content_block{
		padding-top:4em;
	}
	.content_block_inner{
		background-image: none;
		background-color: #ffffff;
	}
	.content{
		margin:0 auto;
		padding:3em 0 0 0;
		text-align: center;

	}
	.content_left{
		width:100%;
	}
	.content_right{
		width: 100%;
	}
	.content_block > .l-wrapper{
		background-color: #fff;
	}
	.content > ul.content_inner > li{
		display:block;
		width:calc(100% - 48px);
		margin:24px auto;
		height:auto;
		background-color: #fff;
		filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
		border-radius: 4px;
		padding-bottom:24px;
		height: 500px;
		overflow: hidden;
	}
	/*会議室・ホール予約_photo*/
	.content > ul.content_inner > li > img.photo_hall{
		width:100%;
		height:150px;
		object-fit: cover;
		border-radius: 4px 4px 0 0;
	}
	.content > ul.content_inner > li > img.photo{
		width:100%;
		height:auto;
		border-radius: 4px 4px 0 0;
	}


	.content_picup{
		margin:0 auto;
		padding:1em 0 1em 0;
		text-align: center;
		width:90%;
	}

	.content_picup > ul.content_inner > li{
		display:inline-block;
		width:100%;
		height:auto;
		margin:1em 0 0 0;
		background-color: #ffffff;
	}
	.content_picup > ul.content_inner > li > div.content_box{
		background-color: #fff;
		margin:0;

	}
	.picup_button{
		margin:2em auto;
		padding:1em;
		background-color: #006400;
		width:80%;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
		border: 4px solid #006400;
		color:#fff;
		font-weight:bold;
	}
	.address{
		text-align: left;
		margin:24px;
		padding:0 10px;
		font-size:14px;
		line-height:22px;
		letter-spacing: 0.02em;

	}
	.content_box{
		padding:0;
		margin:0;
		height: auto;
	}
	.content_title{
		position: relative;
		padding: 1rem 2rem;
		border-bottom: 6px solid #094;
		font-size: 20px;
		line-height: 28px;
		letter-spacing: 0.02em;
		color: #006400;
		font-weight:bold;
		text-align:left;
	}
	.content_title:before{
		position: absolute;
		bottom: -6px;
		left: 0;
		width: 20%;
		height: 6px;
		content: '';
		background: #00cc5b;
	}
	.content_title_s{
		text-align:left;
		font-size: 14px;
		line-height: 14px;
		color: #006400;
		font-weight:bold;
		color:gray;
		margin:10px 0 0 0;
	}

	.content_box > .pic > img{
		width:100%;
		height:auto;
	}
	dl.post_text_flex{
		border-bottom: 1px solid #808080;
		width:calc(100% - 48px);
		margin: 0 auto;
	}
	dl.post_text_flex > dt{
		width:100%;
		text-align:left;
		padding:10px 0 10px 0;
		font-weight:bold;
		overflow-wrap: break-word;
		word-break:break-word;
	}
	dl.post_text_flex > dd{
		width:100%;
		text-align:left;
		padding:0px 0 10px 0;
		overflow-wrap: break-word;
		word-break:break-word;
	}
	.content_box_inner{
		margin:24px 24px 24px 24px;
		text-align:left;
		line-height:1.5em;
		padding:0;
		display:block;
		overflow-wrap: break-word;
		word-break:break-word;
	}
	.content_box_inner ul{
		padding: 0 0 0 1em;
	}
	.content_box_inner ul li{
		list-style-type: disc;
	}
	.content_service{
		margin:0 auto;
		padding:0;
		text-align: center;
		width:90%;

	}

	.content_box_service{
		padding:0;
		text-align:left;
		line-height:1em;
	}
	.service_button{
		margin:0 auto;
		padding:1em;
		background-color: #006400;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
		border: 4px solid #006400;
		text-align:center;
		width: 80%;
		color:#ffffff;
	}
	.service_button a{
		display:block;
	}

	/*Flickity*/
	.carousel,
.carousel-cell{
		width:100%;
		height:auto;
	}
	.carousel img,
.carousel-cell img{
		width:100%;
		height:auto;
	}
	/*Flickity--end*/

	.map{
		width:100%;
		height:auto;
		text-align:center;
	}
	.map > .imgmap{
		width:80%;
		height:auto;
	}
	.strmap{
		margin:0 auto;
		padding:0;
		text-align:-webkit-center;
	}
	.access_map{
		width:100%;
		height:auto;
		padding: 0;
	}
	.gardenmap{
		width:100%;
	}
	.gardenmap img{
		width:100%;
		height:auto;
	}
	.gardenmap #strmap img.mapster_el{
		margin:0 auto;
	}
	div.guide_display{
		display:block;
		line-height:2em;
		margin:1em .8em;
	}
	.guide_display > .guide_display_inner_row{
		display:block;
	}
	.guide_display  > .guide_display_inner_row > .guide_display_inner_f{
		display:block;
		text-align:left;
		vertical-align:top;
		font-weight:bold;
	}

	.guide_display  > .guide_display_inner_row > .guide_display_inner_s{
		display:block;
		text-align:left;
		border-bottom: 1px solid #808080;
	}
	dl.dlguide{
		display:block;
		border-top: 1px solid #808080;
	}
	dl.dlguide > dt,
	dl.dlguide_bottom > dt{
		display:block;
	}
	dl.dlguide > dd,
	dl.dlguide_bottom > dd{
		display:block;
		text-align:right;
		padding-right:1em;
	}
	dl.dlguide_bottom{
		display:block;
		border-top: 1px solid #808080;
		border-bottom: 1px solid #808080;
	}

	ul.photolist{
		margin:0 auto;
		padding:0;
	}
	ul.photolist li{
		display:inline-block;
		width:100%;
	}
	ul.photolist li.access_second{
		margin-top:10px;
	}
	ul.photolist li .photobox{
		margin:0;
		padding:0;
		display:block;
	}
	ul.photolist li .phototext,
	ul.photo_one li .phototext{
		display:block;
		text-align:center;
		font-size:1em;
	}

	.picborder{
		 border: 1px solid gray;
	}
	.picborderb{
		border: 10px solid gray;
	}

	.gardenpic{
		width:100%;
		height:auto;
	}
	.eventtext{
		padding:0;
		line-height:1.5em;
	}
	.eventtext > ul{
		padding:0 0 0 1.5em;
	}
	.gardentext{
		text-align:center;
	}
	dl.event{
		width:100%;
	}
	dl.event > dt{
		border-top: 1px solid #808080;
		display:block;
		width:100%;
		padding:.3em 0 0 0;
	}
	dl.event > dd{
		display:block;
		width:100%;
		padding:.3em 0;
	}

	ul.poto_one{
		margin:0;
		padding:0;
		list-style: none;
	}
	ul.photo_one li:first-child{
		width:100%;
		display:block;
		vertical-align:top;
	}
	ul.photo_one li:first-child img.photo_one_img{
		width:100%;
		height:auto;
		border-radius: 4px;
	}
	ul.photo_one li:last-child{
		display:block;
		width:100%;
		vertical-align:top;
		padding:0;
	}
	.inner_title{
		padding: .5em .5em;
		border-top: 4px double #006400;
		border-bottom: 4px double #006400;
		margin:1em 0;
		font-weight:bold;
		color:#006400;
	}

	/*page_box*/
	.content_service_box > ul.content_inner{
		border-collapse: separate;
		border-spacing: 20px 0;
		display:block;
	}
	.content_service_box > ul.content_inner > li{
		display:block;
		width:100%;
		margin:0;
		background-color: #ffffff;
		vertical-align: top;
		filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
		border-radius: 4px;
		margin-bottom:40px;
	}
	.content_service_box > ul.content_inner > li > div.content_box{
		margin:0;
		padding:0 0 24px 0;
	}
	.content_service_box > ul.content_inner > li:first-child > div.content_box{
		margin:0;
		padding:0 0 24px 0;
	}
	.content_box_inner > .yoyaku{
		width:100%;
		display:block;
	}
	.content_box_inner > .yoyaku > a.ichihara {
		width: 100%;
		font-size:22px;
		margin:0 auto;
	}
	/*page_box--end*/

	/*会議室予約システム*/
	ul.strbar > li.yoyaku,
	ul.strbar > li.contact{
		margin-bottom:10px;
	}
	.content > ul.content_inner > li > div.content_box > .yoyaku{
		margin:20px 0 50px 0;
	}
	.yoyaku > a.ichihara {
		display: inline-block;
		text-decoration: none;
		color: #006400;
		border: solid 2px #006400;
		border-radius: 3px;
		transition: .4s;
		width: calc(100% - 48px);
		font-size: 2em;
		text-align: center;
		font-weight:bold;
		line-height:50px;
		line-height: 1.3em;
		padding: 5px;

	}
	.yoyaku > a.ichihara:hover {
		background-color: #006400;
		color:#fff;
	}
	.content > ul.content_inner > li > .link_button{
		margin:0;
		text-align: right;
		position: absolute;
		bottom:25px;
		right:25px;
	}

	.contact > a{
		display: inline-block;
		padding: 0 10px;
		text-decoration: none;
		color: #ffffff;
		border: solid 2px #006400;
		border-radius: 3px;
		transition: .4s;
		width: calc(100% - 48px);
		font-size:1em;
		text-align:center;
		background-color:#006400;
		font-weight:bold;
		line-height:50px;
	}
	.contact.contact_width > a{
		padding: 10px 0;
		width: 100%;
		line-height:20px;

	}

	.contact > a:hover{
		opacity: 0.6;
	}

	.svg-inline--fa {
	    display: inline-block;
	    font-size: inherit;
	    height: 1em;
	    overflow: visible;
	    vertical-align: -.125em;
	}
	/*会議室予約システム--end*/
	/*access*/
	dl.access_address{
		display: block;
	}
	dl.access_address > dt{
		width:100%;
	}
	dl.access_address > dd{
		width:100%;

	}
	dl.access_car{
		display: block;
	}
	dl.access_car > dt{
		width:100%;
	}
	dl.access_car > dd{
		width:100%;
	}
	dl.guide_w300{
		display: block;
	}
	dl.guide_w300 > dt{
		width:100%;
	}
	dl.guide_w300 > dd{
		width:100%;
	}

	dl.guide_w200{
		display: block;
	}
	dl.guide_w200 > dt{
		width:100%;
	}
	dl.guide_w200 > dd{
		width:100%;
	}

	dl.guide_w150{
		display: block;
	}
	dl.guide_w150 > dt{
		width:100%;
	}
	dl.guide_w150 > dd{
		width:100%;
	}

	dl.guide_w100{
		display: block;
	}
	dl.guide_w100 > dt{
		width:100%;
	}
	dl.guide_w100 > dd{
		width:100%;
	}
	/*施設金額*/
	dl.guide_fee{
		display: block;
	}
	dl.guide_fee > dt{
		width:100%;
	}
	dl.guide_fee > dd{
		width:100%;
		text-align:left;
	}

	ul.access_two{
		display: block;

	}
	ul.access_two > li{
		width:100%;
	}

	/*access--end*/

	ul.content_box_flex{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin:0;
		padding:0;
	}
	ul.content_box_flex > li{
		list-style: none;
	}
	ul.content_box_flex > li.photo_two{
		width:100%;
	}
	ul.content_box_flex > li.photo_two.photo_left{
		margin:0;
	}
	ul.content_box_flex > li.photo_two.photo_right{
		margin:0;
	}
	ul.content_box_flex > li.photo_two{
		margin:0;
	}
	ul.content_box_flex > li.photo_two > a > img.photo{
		width:100%;
		height:auto;
		border-radius: 4px;
		text-align:left;
	}
	ul.content_box_flex > li.photo_two_text,
	ul.content_box_flex > li.nophoto_text{
		display:block;
		width:100%;

	}
	ul.content_box_flex > li.photo_one{
		display:block;
		width:100%;
		margin:0;

	}
	ul.content_box_flex > li.photo_one > a > img.photo{
		width:100%;
		height:auto;
		border-radius: 4px;
	}
	ul.content_box_flex > li.photo_one > a.groupcolorbox,
	ul.content_box_flex > li.photo_two > a.groupcolorbox{
		pointer-events: none;
	}
	ul.content_box_flex > li.photo_one_text{
		display:block;
		width:100%;
	}
	ul.content_box_flex > li.photo_one_textright{
		display:block;
		width:100%;
	}
	ul.content_box_flex > li > img{
		width:100%;
		height:auto;
		border-radius: 4px 4px 0 0;
	}

	/* トップへ戻るボタン */
	.page_top_btn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-weight: bold;
	padding: 0.7em;
	text-align: center;
	background: rgb(255, 0, 0);
	color: #fff;
	transition: 0.3s0;
	}

	/* マウスオーバー時 */
	.page_top_btn:hover {
	background: rgb(255, 0, 0, 0.8);
	color: rgb(255, 255, 255, 0.8);
	}

	/*banner*/
	.banner-wrap {
	  display: block;
	  gap: 10px;
	  justify-content: center;
	}

	.banner {
	  width: 100%;
	  height: auto;
	  background: #4CAF50;
	  color: white;
	  display: block;
	  border-radius: 10px;
	  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	  margin:10px auto;
	}
	.inner-banner {
	  display: block;
	  width: 100%; /* バナーの横幅 */
	  height: 80px; /* バナーの高さ */
	  text-decoration: none;
	  border-radius: 12px;
	  overflow: hidden;
	  position: relative;
	  background: linear-gradient(135deg, #4caf50, #2e7d32); /* 緑のグラデーション */
	  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	  transition: transform 0.3s ease, box-shadow 0.3s ease;
	  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	}

	/* ホバー時の動き */
	.inner-banner:hover {
	  transform: translateY(-5px);
	  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
	}

	.banner-content {
	  padding: 20px;
	  color: white;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  height: 100%;
	}

	.inner-title {
	  margin: 10px 0;
	  font-size: 24px;
	  font-weight: 800;
	}

	/* ホバー時にボタンの色を変える */
	.inner-banner:hover {
	  background: #f0f0f0;
	}


	/*footer*/
	footer#footer{
		text-align: center;
		background-color: #006400;
		padding:1em;
	}
	footer#footer > div.footer_inner{
		height:2em;
		color:#fff;

	}
	.sp{
		display:block;
	}
	.pc{
		display:none;
	}

 }/*@media screen and (min-width: 481px)【スマートフォン横】*/
@media screen and (min-width: 769px) {/*【タブレット縦以上,PC】*/
	.content_block{
		padding-top:4em;
	}
	.content_block_inner{
		background: #ffffff url(/images/back.gif) repeat-y 0 0;
		width: 100%;
		background-size: 100% auto;
		padding:0 0 20px 0;
	}
	.content{
		margin:0 auto;
		padding:5em 0 1em 0;
		text-align: center;
		width:100%;
		width: 90%;
        	max-width: 1080px;
		display: block;
	}
	.content_left{
		width:calc(100% - 340px);
	}
	.content_right{
		width: 340px;
	}
	.content_block > .l-wrapper{
		background-color: #fff;
	}
	.content > ul.content_inner{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.content > ul.content_inner > li{
		display:block;
		width:calc(100% / 3);
		margin:0;
		background-color: #ffffff;
		vertical-align: top;
		position: relative;
	}
	.content > ul.content_inner > li{
		border-top: 2px solid #696969;
		border-right: 2px solid #696969;

	}
	.content > ul.content_inner > li:nth-child(1),
	.content > ul.content_inner > li:nth-child(3n+1){
		border-left: 2px solid #696969;
	}
	.content > ul.content_inner > li:nth-last-child(-n+3){
		border-bottom: 2px solid #696969;

	}
	.content > ul.content_inner > li > img.photo{
		width:100%;
		height:auto;
	}
	/*会議室・ホール予約_photo*/
	.content > ul.content_inner > li > img.photo_hall{
		width:100%;
		height:auto;
		object-fit: fill;
		border-radius: 4px 4px 0 0;
	}

	.content > ul.content_inner > li > .link_button{
		margin:0;
		text-align: right;
		position: absolute;
		bottom:25px;
		right:25px;
	}

	.content > ul.content_inner > li:last-child{
		margin-bottom:0;

	}
	.content > ul.content_inner > li > div.content_box{
		margin:0;
		padding:24px;
	}
	.content > ul.content_inner > li:first-child > div.content_box{
		margin:0;
		padding:24px;
	}
/*guide*/
	.content > ul.content_inner{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

	}
	.content > ul.content_inner > li{
		display:block;
		width:calc(100% / 3);
		margin:0;
		background-color: #ffffff;
		vertical-align: top;
		position: relative;
	}
	.content > ul.content_inner > li{
		border-top: 2px solid #696969;
		border-right: 2px solid #696969;
		height: 600px;
		overflow: hidden;
	}
	.content > ul.content_inner > li:nth-child(1),
	.content > ul.content_inner > li:nth-child(3n+1){
		border-left: 2px solid #696969;
	}
	.content > ul.content_inner > li:nth-last-child(-n+3){
		border-bottom: 2px solid #696969;

	}
	.content > ul.content_inner > li > img{
		width:100%;
		height:auto;
	}
	.content > ul.content_inner > li > .link_button{
		margin:0;
		text-align: right;
		position: absolute;
		bottom:25px;
		right:25px;
	}

	.content > ul.content_inner > li:last-child{
		margin-bottom:0;

	}
	.content > ul.content_inner > li > div.content_box{
		margin:0;
		padding:24px;
	}
	.content > ul.content_inner > li:first-child > div.content_box{
		margin:0;
		padding:24px;
	}

/*guide*/
	.content_picup{
		margin:0 auto;
		padding:5em 0 1em 0;
		text-align: center;
		width:100%;
		max-width:1200px;
		display:block;
	}
	.content_picup > ul.content_inner{
		border-collapse: separate;
		border-spacing: 20px 0;
		display:table;

	}
	.content_picup > ul.content_inner > li{
		display:table-cell;
		width:calc(100% / 3);
		margin:0;
		background-color: #ffffff;
		vertical-align: top;
		filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
		border-radius: 4px;
	}
	.content_picup > ul.content_inner > li > div.content_box{
		margin:0;

	}
	.content_picup > ul.content_inner > li:nth-of-type(1) > div.content_box,	.content_picup > ul.content_inner > li:nth-of-type(2) > div.content_box{
		margin:0;
	}
	.picup_button{
		margin:2em auto;
		padding:0;
		background-color: #006400;
		width:30%;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
		border: 4px solid #006400;
		display:block;
	}
	.picup_button > a{
		display:block;
		padding:1em;
		text-align:center;
	}
	.address{
		text-align: center;
		margin:2em auto;
		font-size: 20px;
        	line-height: 28px;
	}
	.address-title{
		font-weight:bold;
	}
	.content_box{
		padding:0;
		margin:0;
		
	}
	.content_title{
		position: relative;
		padding: 1rem 1rem;
		border-bottom: 6px solid #094;
		text-align:left;
		font-size: 20px;
		line-height: 28px;
		color: #006400;
		font-weight:bold;
	}
	.content_title:before{
		position: absolute;
		bottom: -6px;
		left: 0;
		width: 20%;
		height: 6px;
		content: '';
		background: #00cc5b;
	}
	.content_title_s{
		text-align:left;
		font-size: 14px;
		line-height: 14px;
		color: #006400;
		font-weight:bold;
		color:gray;
		margin:10px 0 0 0;
	}

	ul.content_box_flex{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;

		padding:0;
	}
	ul.content_box_flex > li{
		list-style:none;
	}
	ul.content_box_flex > li.photo_two{
		width:calc((100% - 24px) / 2);
		margin:24px 0 0 0;
	}
	ul.content_box_flex > li.photo_two.photo_left{
		margin:24px 24px 5px 0;
	}
	ul.content_box_flex > li.photo_two.photo_right{
		margin:24px 0 5px 0;
	}
	ul.content_box_flex > li.photo_two > a > img.photo{
		width:100%;
		height:auto;
		border-radius: 4px;
		text-align:left;
	}
	ul.content_box_flex > li.photo_two_text,
	ul.content_box_flex > li.nophoto_text{
		width:100%;

	}
	ul.content_box_flex > li.photo_one{
		width:370px;
		margin:24px 24px 5px 0;

	}
	ul.content_box_flex > li.photo_one_textright{
		width:calc(100% - (370px + 24px));
	}
	ul.content_box_flex > li.photo_one > a.groupcolorbox,
	ul.content_box_flex > li.photo_two > a.groupcolorbox{
		pointer-events: auto;
	}

	ul.content_box_flex > li.photo_one > a > img.photo{
		width:100%;
		height:auto;
		border-radius: 4px;
	}

	ul.content_box_flex > li.photo_one_text{
		width:100%;
	}
	ul.content_box_flex > li.photo_one_textb{
		width:calc(100% - (370px + 24px));
	}
	ul.content_box_flex > li > img{
		width:100%;
		height:auto;
		border-radius: 4px 4px 0 0;
	}
	.content_box_inner{
		text-align:left;
		line-height:1.5em;
		padding:0;
		display:block;
		margin: 20px 15px;
		overflow-wrap: break-word;
		word-break:break-word;
	}
	dl.post_text_flex{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-bottom: 1px solid #808080;
	}
	dl.post_text_flex > dt{
		width:100px;
		text-align:left;
		padding:10px;
		overflow-wrap: break-word;
		word-break:break-word;
	}
	dl.post_text_flex > dd{
		width:calc(100% - 100px);
		text-align:left;
		padding:10px;
		overflow-wrap: break-word;
		word-break:break-word;
	}
	.content_box_inner > ul{
		padding: 0;
		margin:0 0 0 30px;
	}
	.content_box_inner >  ul > li{
		list-style-type: disc;
		padding:0;
	}
	.content_service{
		margin:0 auto;
		padding:0;
		text-align: left;
		width:90%;
		max-width:1080px;
	}
	.content_box_service{
		padding:0;
		text-align:left;
		line-height:1em;
	}
	.service_button{
		margin:0 auto;
		padding:1em;
		background-color: #006400;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
		border: 4px solid #006400;
		text-align:center;
		width: 80%;
		color:#ffffff;
	}
	.service_button a{
		display:block;
	}
	/*Flickity*/
	.carousel,
	.carousel-cell{
		width:auto;
		height:300px;
	}
	.carousel img,
	.carousel-cell img{
		width:auto;
		height:300px;
	}
	/*Flickity--end*/

	.strmap{
		margin:0 auto;
		padding:0;
		text-align:-webkit-center;
	}
	.gardenmap{
		width:100%;
		text-align:center;
	}
	.gardenmap > #strmap{
		margin:0 auto;
		text-align:center;
		max-width:1000px;
		width:auto;
	}
	ul.photolist{
		margin:0 auto;
		padding:0;
		text-align:center;
	}
	ul.photolist li{
		display:inline-block;
		width:calc((100% - 11px) / 3);
		vertical-align : top;
	}
	ul.photolist li.access_second{
		margin:0;
	}

	ul.photolist li.accesstextbox{
		display:inline-block;
		width:calc((100% - 11px) / 3);
		vertical-align : bottom;
	}
	.picborder{
		 border: 1px solid gray;
	}
	.picborderb{
		border: 10px solid gray;
		margin:0 0 0 20px;
	}

	.gardenpic{
		width:100%;
		height:auto;		
	}
	.gardentext{
		text-align:center;
		font-weight:bold;
	}
	.gardenlittletext::before{
		content: "[";
	}

	.gardenlittletext::after{
		content: "]";
	}
	.gardenlittletext{
		text-align:center;
		font-size:.8em;
		font-weight:normal;

	}
	.gardenbody{
		text-align:center;

	}
	.content_top1{
		margin:0 auto;
		padding:1em 0 1em 0;
		text-align: left;
		width:90%;
	}
	div.guide_display{
		display:table;
		line-height:2em;
		margin:1em auto;
	}
	.guide_display > .guide_display_inner_row{
		display:table-row;
	}
	.guide_display  > .guide_display_inner_row > .guide_display_inner_f{
		display:table-cell;
		width:15%;
		text-align:left;
		border-bottom: 1px solid #808080;
		vertical-align:top;
		font-weight:bold;
	}

	.guide_display  > .guide_display_inner_row > .guide_display_inner_s{
		display:table-cell;
		width:calc(95% - 15%);
		text-align:left;
		border-bottom: 1px solid #808080;
	}
	dl.dlguide{
		display:table;
		width:80%;
		border-top: 1px solid #808080;
	}
	dl.dlguide > dt,
	dl.dlguide_bottom > dt{
		display:table-cell;
		width:70%;
		padding:.5em;
	}
	dl.dlguide > dd,
	dl.dlguide_bottom > dd{
		display:table-cell;
		width:10%;
		text-align:right;
		padding:.5em 1em .5em .5em;
	}
	dl.dlguide_bottom{
		display:table;
		width:80%;
		border-top: 1px solid #808080;
		border-bottom: 1px solid #808080;
	}
	.access_map{
		width:100%;
		height:auto;
		margin-top: 2em;
	}
	.eventtext{
		padding:0 .5em;
		line-height:1.5em;
	}
	.eventtext > ul{
	}
	.eventtext > ul > li{
		display: list-item !important;
		list-style: disc;
	}
	.content_textbox{
		padding: 0 20px;
	}
	dl.event{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-bottom: 1px solid #808080;
		width:calc(100% - 48px);
		margin:0 auto;
	}

	dl.event:first-child{
		border-top: 1px solid #808080;
	}
	dl.event > dt{
		display:table-cell;
		width:100px;
		padding:1em .5em;
		border-top: none;
	}
	dl.event > dd{
		display:table-cell;
		width:calc(100% - 100px);
		padding:1em 0;
	}
	dl.event > dd > div{
		line-height:24px;
	}
	ul.poto_one{
		margin:0;
		padding:0;
		list-style: none;
		display:table;
	}
	ul.photo_one > li{
		list-style: none;
	}
	ul.photo_one > li:first-child{
		width:calc(100% / 3);
		display:table-cell;
		vertical-align:top;
	}
	ul.photo_one > li:first-child > img.photo_one_img{
		width:100%;
		height:auto;
		border-radius: 4px;
	}
	ul.photo_one > li:last-child{
		display:table-cell;
		width:calc(((100% - 11px) / 3) * 2);
		vertical-align:top;
		padding:12px;
	}
	.inner_title{
		padding: .5em .5em;
		border-top: 4px double #006400;
		border-bottom: 4px double #006400;
		margin:1em 0;
		font-weight:bold;
		color:#006400;
	}
	.accesstext{
		padding: 0 .5em 1em 3em;
		line-height: 1.5em;
		text-align:left;
	}

	/*page_box*/
	.content_service_box > ul.content_inner{
		border-collapse: separate;
		border-spacing: 20px 0;
		display:block;
	}
	.content_service_box > ul.content_inner > li{
		display:block;
		width:100%;
		margin:0;
		background-color: #ffffff;
		vertical-align: top;
		filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
		border-radius: 4px;
		margin-bottom:40px;
	}
	.content_service_box > ul.content_inner > li > div.content_box{
		margin:0;
		padding:24px;
	}
	.content_service_box > ul.content_inner > li:first-child > div.content_box{
		margin:0;
		padding:24px;
	}
	/*page_box--end*/

	/*会議室予約システム*/
	ul.strbar > li.yoyaku,
	ul.strbar > li.contact{
		margin-bottom:10px;
	}
	.content > ul.content_inner > li > div.content_box > .yoyaku{
		margin-bottom:50px;
	}
	.yoyaku > a.ichihara {
		display: inline-block;
		padding: 0;
		text-decoration: none;
		color: #006400;
		border: solid 2px #006400;
		border-radius: 3px;
		transition: .4s;
		width: 100%;
		font-size: 1.2em;
		text-align: center;
		line-height: 1.3em;
		padding: 5px;
	}
	.yoyaku > a.ichihara:hover {
		background-color: #006400;
		color:#ffffff;
	}
	.contact > a{
		display: inline-block;
		padding: 0 10px;
		text-decoration: none;
		color: #ffffff;
		border: solid 2px #006400;
		border-radius: 3px;
		transition: .4s;
		width: 100%;
		font-size:1em;
		text-align:center;
		background-color:#006400;
		font-weight:bold;
		line-height: 50px;
	}

	.contact > a:hover{
		opacity: 0.6;
	}

	.svg-inline--fa {
	    display: inline-block;
	    font-size: inherit;
	    height: 1em;
	    overflow: visible;
	    vertical-align: -.125em;
	}
	/*会議室予約システム--end*/
	/*access*/
	dl.access_address{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	dl.access_address > dt{
		width:100px;
	}
	dl.access_address > dd{
		width:calc(100% - 100px);

	}
	dl.access_car{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	dl.access_car > dt{
		width:200px;
	}
	dl.access_car > dd{
		width:calc(100% - 200px);
	}
	dl.guide_w300{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	dl.guide_w300 > dt{
		width:200px;
	}
	dl.guide_w300 > dd{
		width:calc(100% - 200px);
	}
	dl.guide_w200{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	dl.guide_w200 > dt{
		width:200px;
	}
	dl.guide_w200 > dd{
		width:calc(100% - 200px);
	}
	dl.guide_w150{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	dl.guide_w150 > dt{
		width:150px;
	}
	dl.guide_w150 > dd{
		width:calc(100% - 150px);
	}

	dl.guide_w100{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	dl.guide_w100 > dt{
		width:100px;
	}
	dl.guide_w100 > dd{
		width:calc(100% - 100px);
	}
	/*施設金額*/
	dl.guide_fee{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width:210px;
	}
	dl.guide_fee > dt{
		width:100px;
	}
	dl.guide_fee > dd{
		width:calc(100% - 100px);
		text-align:right;
	}

	.content_box_inner > ul.access_two{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin:0;
	}
	.content_box_inner > ul.access_two > li{
		list-style: none;
		width:calc((100% - 10px) / 2);
	}
	.content_box_inner > ul.access_two > li:first-child{
		margin:0 10px 0 0;
	}

	/*access--end*/
	/*施設予約*/
	dl.reservation{
		display:block;
	}
	dl.reservation > dt{
		font-weight:bold;
	}
	dl.reservation > dd{
		font-weight:normal;
	}
	dl.reservation_inner{
		display:-webkit-box;
	  	display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	dl.reservation_inner > dt{
		
		font-weight:bold;
	}
	dl.reservation_inner > dd{
		font-weight:normal;
	}
	/*施設予約*/

	/*banner*/
	.banner-wrap {
	  display: flex;
	  gap: 10px;
	  justify-content: center;
	  margin:20px 0;
	}

	.banner {
	  width: 200px;
	  height: 100px;
	  background: #4CAF50;
	  color: white;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  border-radius: 10px;
	  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	}
	.inner-banner {
	  display: block;
	  width: 300px; /* バナーの横幅 */
	  height: 120px; /* バナーの高さ */
	  text-decoration: none;
	  border-radius: 12px;
	  overflow: hidden;
	  position: relative;
	  background: linear-gradient(135deg, #4caf50, #2e7d32); /* 緑のグラデーション */
	  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	  transition: transform 0.3s ease, box-shadow 0.3s ease;
	  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	}

	/* ホバー時の動き */
	.inner-banner:hover {
	  transform: translateY(-5px);
	  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
	}
	.inner-banner:hover > .banner-content{
	  color:#006400;
	}
	.banner-content {
	  padding: 20px 0;
	  color: white;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  height: 100%;
	}

	.inner-title {
	  margin: 10px 0;
	  font-size: 22px;
	  font-weight: 800;
	}

	/* ホバー時にボタンの色を変える */
	.inner-banner:hover {
	  background: #f0f0f0;
	}

	/*footer*/
	footer#footer{
		text-align: center;
		background-color: #006400;
	}
	footer#footer > div.footer_inner{
		height:2em;
		color:#fff;
	}
	.sp{
		display:none;
	}
	.pc{
		display:block;
	}

	/* トップへ戻るボタン */
	.page_top_btn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-weight: bold;
	padding: 0.7em;
	text-align: center;
	background: rgb(255, 0, 0);
	color: #fff;
	transition: 0.3s0;
	}

	/* マウスオーバー時 */
	.page_top_btn:hover {
	background: rgb(255, 0, 0, 0.8);
	color: rgb(255, 255, 255, 0.8);
	}

}/*【タブレット縦以上,PC】*/

/*common*/
.mt1{
	margin:1em 0 0 0;
}
.textred{
	color:#ff0000;
}
.redtext{
	color:red;
}
.textgreen{
	color:#008000;
}
.textblue{
	color:#0000ff;
}
.content_file{
	display:block;
	line-height: 2em;
	width:100%;
        margin: 0px 15px;
}
.pdf{
	color:#00008b;
	margin-left:0px;
}
.textwhite{
	color:#ffffff;
}
.textwhite_underline{
	color:#ffffff;
	text-decoration:underline;
}
.underline{
	text-decoration:underline;
}
.textbold{
	font-weight:bold;
	font-size:1.2em;
	margin: .5em 0;
}
.textb{
	font-weight:bold;
}
.textblue{
	color:#00008b;
}
.pdf{
	color:#00008b;
	margin-left:10px;
}
.title{
	border-top: 1px solid #006400;
	border-bottom: 1px solid #006400;
	border-left: 10px solid #006400;
	border-right: 1px solid #006400;
	text-align: left;
	background-color: #fff;
	font-size: 22px;
	line-height: 30px;
	color: #000;
	margin: 30px auto;
	padding: 10px 2px 10px 15px;
	width: 100%;
	max-width: 1200px;
	color:#006400;
}
.notitle{
	height:1px;
	margin: 20px auto;

}
.title > i{
	margin-right:1em;
	color:#006400;
}
.title_left{
	position: relative;
	background: whitesmoke;
	padding: 7px 5px 7px 50px;
	border-radius: 10px;
	border-radius: 10px;
	margin-left: 5px;
	font-size: 22px;
	line-height: 30px;
	border: none;
}
.title_left::before{
	font-family: "Font Awesome 5 Free";
	content: "\f0eb";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #006400;
	font-weight: 900;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: -.35em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
}
.title_tree{
	position: relative;
	background: whitesmoke;
	padding: 7px 5px 7px 50px;
	border-radius: 20px;
	margin-left: 5px;
	font-size: 22px;
	line-height: 30px;
	border: none;
	text-align:left;
	margin:1em 0;
}
.title_tree::before{
	font-family: "Font Awesome 5 Free";
	content: "\f1bb";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #006400;
	font-weight: 900;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
}
.title_bus{
	position: relative;
	background: whitesmoke;
	padding: 7px 5px 7px 50px;
	border-radius: 20px;
	margin-left: 5px;
	font-size: 22px;
	line-height: 30px;
	border: none;
	text-align:left;
	margin:1em 0;
}
.title_bus::before{
	font-family: "Font Awesome 5 Free";
	content: "\f207";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #006400;
	font-weight: 900;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
}
.title_car{
	position: relative;
	background: whitesmoke;
	padding: 7px 5px 7px 50px;
	border-radius: 20px;
	margin-left: 5px;
	font-size: 22px;
	line-height: 30px;
	border: none;
	text-align:left;
	margin:1em 0;
}
.title_car::before{
	font-family: "Font Awesome 5 Free";
	content: "\f5e4";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #006400;
	font-weight: 900;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
}

.mapdata-tooltips {
  display: block;
  position: absolute;
  z-index: 9999;
  width: auto;
  height: auto;
  padding: 0.3em 0.5em;
  color: #FFFFFF;
  font-size: 1.4em;
  background: #c72439;
  border-radius: 0.5em;
}

.mapdata-tooltips:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: -8px;
  border-top:8px solid transparent;
  border-left:8px solid #c72439;
}
.recruitment{
  background: #ff0000;
  padding:.3em 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  color:#ffffff;
  display:inline-block;
  font-size:.7em;
  font-weight:bold;
  margin-left:1em;
}
/*flickity*/
.carousel-cell > a:hover{
	opacity: 0.5;
}
.flickitybox{
	position: absolute;
	left:0;
	bottom:0;
	background: linear-gradient(0.68deg, rgba(53, 53, 53, 0.6) 50.04%, rgba(255, 255, 255, 0) 95.49%);
	/*border-radius: 4px;*/
	height:50%;
	width:100%;
}
.flickity_title{
	position: absolute;
	bottom:50px;
	color:#fff;
	left:10px;
	right:10px;
	font-weight:bold;
	text-shadow: 0px 0px 8px #4E4E4E;
	font-size: 16px;
	line-height: 24px;

}
.flickity_text{
	position: absolute;
	color:#fff;
	bottom:10px;
	left:10px;
	right:10px;
	text-shadow: 0px 0px 8px #4E4E4E;
	font-size: 14px;
	line-height: 20px;
	left:10px;
	right:10px;

}
.motto{
	width:fit-content;
	margin:20px auto 0 auto;
}
.motto a{
	display:block;
	background-color:#fff;
	border-radius: 40px;
	border: 2px solid #808080;
	padding: 20px 40px;
	font-weight:bold;
}
.motto a:hover{
	background-color:#006400;
	color:#fff;
	border: 2px solid #006400;
}
.strtext{
	text-align:left;
}
.home_title{
	font-size: 20px;
	line-height: 20px;
	font-weight:bold;
	width:fit-content;
	margin:0px auto 30px auto;
	padding: 1em;
	text-shadow: 3px 3px 1px rgba(0,0,0,0.2);
	border: 2px solid #006400;
	background: #b8e6b8;

}
.leaf{
	background-image: url(/images/leaf.svg);
	background-position: center;
	height:50px;
	width:100%;
	background-repeat: repeat no-repeat;
}
ul.instagram{
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px;
	list-style-type: unset;
}
ul.instagram > li:nth-child(1){
	width:30%;
}
ul.instagram > li:nth-child(2){
	width:calc(100% - 30%);
	align-content: center;
	font-size:2em;
}