@charset "utf-8";

/*後から追加。共通設定*/


/*
ミドリ：388956

*/



/* ===========
	header
=============*/
.headerLogoSet{
	float:left;
}
.headerLogoSet p{
	float:left;
}
#headerLogo{
	width:295px;
}
#sanikuLogo{
	width:157px;
	margin-left:30px;
	border-left:1px dashed #388956;
	padding-left: 18px;
}
@media screen and (max-width: 767px){
	.headerLogoSet{
		margin-left: 15px;
	}

	#headerLogo{
		width:30%;
		max-width:295px;
		float:left;
	}
	#sanikuLogo{
		width:17%;
		max-width:157px;
	}

	.smpYo{
		margin-left:15px;
		margin-right:15px;
	}

	#gDef01 #gNavi_sp .gNav01 a, #gDef02 #gNavi_sp .gNav02 a, #gDef03 #gNavi_sp .gNav03 a, #gDef04 #gNavi_sp .gNav04 a, #gDef05 #gNavi_sp .gNav05 a, #gDef06 #gNavi_sp .gNav06 a, #gDef07 #gNavi_sp .gNav07 a
	{
		color:#73726b;
	}

	.h2Basic01 h2{
		text-indent: -1.3em;
		padding-left: 1.3em;
	}

}


#headerLogo img
,#sanikuLogo img
{
	width:100%;
}
#headerLinks{
	float:right;
	margin-top:-20px;
}

.ComSet{
	font-size:12px;
	text-align:right;
}
.ComSet a{
	display:inline-block;
	margin-left:40px;
}
#headerLinks a.hLink01 {
	color:#333;
}
#headerLinks a.hLink01:before {
	font-family:"FontAwesome";
	content:"\f105";
	display:inline-block;
	margin-right:.5em;
}
#headerLinks a.hLink01 img {
	width: 15px;
	display: inline-block;
	margin: 5px 0 0 3px;
}

#headerLinks a.hLink01:hover {
	color:#388956;
}
#headerLinks a.hLink02:before {
	font-family:"FontAwesome";
	content:"\f105";
	display:inline-block;
	margin-right:.5em;
}

#headerAddr{
	border-left: 3px solid #388956;
	padding-left: 10px;
}
#headerAddr dl{
	line-height:1.2em;
}
#headerAddr dd
, #headerAddr dt
{
	display:inline-block;
	line-height:1.2em;
	font-size:14px;
}
#headerAddr dt{
	color:#388956;
	width:50px;
	letter-spacing: 5px;
}



.waku {
	background-color:#eee;
	padding:5px;
	margin-bottom:1em;
	text-align:center;
}
.waku h1 {
	border:2px dashed #2e7944;
	font-size:24px;
	font-weight:bold;
	color:#2e7944;
	padding:1em;
}





/* ===========
	フッター
=============*/
.pageTop a{
	text-align:center;
	position:relative;
}
.pageTop a:before{
	font-family:"FontAwesome";
	content:"\f077";
	color:#FFF;
	position:absolute;
	width:100%;
	top:21%;
	left:0;
}

#footerLinks .flink{
	margin-bottom:20px;
}
.flink .linksBox p{
	font-size:13px;
}
.flink .linksBox li a{
	color:#808080;
	font-size:12px;
}
#footer .linksBox li{
	padding:0;
}

#footerLogo .logo{
	display:inline-block;
	width:280px;
	vertical-align:top;
	margin-right: 2em;
}
#footerLogo .logo img
{
	width:100%;
}
#footerLogo .omark{
	display:inline-block;
}
#footerLogo .omark img{
	display:inline-block;
	width:54px;
}
#footerLogo .omark span{
	display:inline-block;
	font-size:10px;
	width:65px;
	line-height: 120%;
	margin-top: 1.3em;
}

#footerBrand .adArea span{
	display:inline-block;
	margin:0 .5em;
}
#footerBrand a{
	color:#595952;
}
#footerBrand a:hover{
	text-decoration:none;
}

/* ===========
	共通系
=============*/
@media screen and (max-width: 767px){
	#main{
		    margin: 0 1em;
	}
}

#lNavi{
	margin-bottom: 50px;
}
#lNavi li a:before
{
	font-family:"FontAwesome";
	content:"\f0d7";
	padding-right:1em;
	color:#8ECBA9;
}


.newsLinks h2:before {
	font-family:"FontAwesome";
	content:"\f04d";
	color:#388956;
	padding-right:10px;
}

.btnGray{
	background:#666;
	color:#FFF;
	padding:0 8px;
}
.btnGray a{
	color:#FFF;
	font-size:10px;
}
.btnGray a:before{
	font-family:"FontAwesome";
	content:"\f0da";
	padding-right:5px;
}

.iconLink01:before
{
	font-family:"FontAwesome";
	content:"\f105";
	color:#388956;
	padding-right:.5em;
}
.iconLink06:before
,.tableBasic03 th:before
,.typeH3:before
,.typeH3_5:before
{
	font-family:"FontAwesome";
	content:"\f04d";
	color:#388956;
	padding-right:.5em;
}


.typeH3
,.typeH3_3
{
	color:#388956;
	font-weight:bold;
	font-size:18px;
}
.typeH3_2
,.typeH3_5
{
	font-weight:bold;
	font-size:18px;
}

.typeH3_4
{
	font-size: 18px;
	font-weight: bold;
	color: #388956;
	background: #f2f9f4 repeat-x scroll;
	border-left: 5px solid #388956;
	padding: 5px 10px 5px 14px;
}

.h1Basic02 h1 img{
	width:100%;
}
.h2Basic01 h2:before
{
	content:" ";
	color:#388956;
	padding-right:1em;
	border-left: 7px solid #388956;
	display:inline-block;
	height: 2em;
	margin-bottom: -12px;
}
.tableBasic03 th.noMark{
	padding-left:2.3em;
}
.tableBasic03 th.noMark:before{
	content:" ";
	position:absolute;
}
.tableBasic03 th.line2{
	text-indent:-21px;
	padding-left:35px;
}

.midashiSQUARE:before
,.midashiSQUARE_gr:before
,.typeH3_2:before
{
	font-family:"FontAwesome";
	content:"\f04d";
	padding-right:.2em;
}
.midashiCIRCLE_gr:before{
	font-family:"FontAwesome";
	content:"\f111";
	padding-right:.2em;
}
.midashiCIRCLE_o:before{
	font-family:"FontAwesome";
	content:"\f1db";
	padding-right:.2em;
}
.midashiSQUARE_gr:before
,.midashiCIRCLE_gr:before
{
	color:#388956;
}




.telL a{
	font-size:20px;
	font-weight:bold;
	color:#595952;
}

/*文字系*/
.ind1{
	text-indent:-1em;
	padding-left:1em;
}
.ind1_3{
	text-indent:-1.3em;
	padding-left:1.3em;
}
.inlB{
	display:inline-block;
}
.p{
	display:block;
}

.colGR{
	color:#388956;
}
.colYEL{
	color:#ffcc33;
}
.colBLUE{
	color:blue;
}
.colRED{
	color:red;
}
.colBLK{ /*クロ*/
	color:#595952;
}

/*文字づめしたい*/
.palt{
	text-indent:-1.5em;
	padding-left:1.5em;
	letter-spacing:-0.07em;
}

/*回転*/
.rot60{
	transform:rotate(60deg);
}


/*画像系*/
.imgBlk img{
	width:100%;
}
.imgBlk.half li{
	width:48%;
	float:left;
	font-size:12px;
	margin-bottom:1em;
}
.imgBlk.half li.r{
	float:right;
}
/*画像レイアウトしながら文字を入れる*/
.imgBlk.half li.txt{
	font-size:16px;
}

/*画像系flex*/
.imgBlkFlex img{
	width:100%;
}
.imgBlkFlex>li{
	margin-top: 30px;
}

@media screen and (min-width: 767px){
	.imgBlkFlex{
		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;
	}
	.imgBlkFlex>li{
		width: 48%;
	}
	.imgBlkFlex>li:nth-child(-n+2){
		margin-top: 0;
	}
	.imgBlkFlex>li.one{
		width: 100%;
	}

}


/*各施設の色*/
.type01{
	color:#008c55;
}
.type02{
	color:#A72C62;
}
.type03{
	color:#F1887E;
}
.type04{
	color:#736357;
}
.type05{
	color:#118074;
}
.type06{
	color:#e55600;
}
.type07{
	color:#0b4884;
}



/*border*/
.bdt{
	border-top:1px solid #CCC;
}
.bdtGr{
	border-top:1px solid #388956;
}


/*告知*/
.caution{
	border: 3px double #F00;
	padding: .5em;
	background: #fff2f2;
}
.caution .cTitle{
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	border-bottom: 1px dashed #F00;
	color: #F00;
	margin-bottom: .5em;
	padding-bottom: 3px;
}

.cautionArea .date{
	font-size: 0.8em;
	color: #F00;
	display: inline-block;
}
.cautionArea .button{
	display: inline-block;
	margin-top: 20px;
	color: #388956;
	transition: all 300ms ease;
	text-decoration: underline;
	padding: 5px;
}
.cautionArea .button::before {
    font-family: "FontAwesome";
    content: "\f0da";
    padding-right: 10px;
	text-decoration: none;
	display: inline-block;
}
.cautionArea .button:hover{
	text-decoration: none;
	background: #ffead1;
}





/*YouTube*/
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movieBlk{
	margin-bottom: 5em;
}
.movieBlk li{
	margin-top: 1em;
}


@media screen and (min-width: 767px){
	.movieBlk{
		margin-bottom: 3em;
	}
	.movieBlk li{
		width: 47%;
		margin-top: 0;
	}
	.movieBlk li.l{
		float: left;
	}
	.movieBlk li.r{
		float: right;
	}
}
a.arrow{
	color: #388956;
	transition: all 300ms ease;
	text-decoration: underline;
	display: inline-block;
	text-indent: -0.5em;
	padding-left: 1.1em;
}
a.arrow::before {
    font-family: "FontAwesome";
    content: "\f0da";
    padding-right: 0.5em;
	text-decoration: none;
	display: inline-block;
}
a.arrow:hover{
	text-decoration: none;
}



/* 空き情報 */
.gcal iframe {
	width: 100%;
	height: 450px;
}


@media all and (min-width: 768px) {
	.gcal iframe {
		height: 450px;
	}
}




@media screen and (min-width: 767px){
	.onlySP{
		display: none;
	}
}
/* PDFボタン */
.pdfBtn a{
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #D9ECDF;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 0.03em;

	position: relative;
	padding: 0.7em 1em;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.pdfBtn a:hover{
	text-decoration: none;
}

.pdfBtn a i{
	-ms-flex-negative:0;
	flex-shrink:0;
	border:2px solid #388956;
	border-radius: 3px;
	background: #fff;
	padding: 0.2em 0;
	font-size: 1.8em;
	width: 1.45em;
}

.pdfBtn a span{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1
}






/* PDFボタン　アコーディオン */

.detailSetArea .detailBlk{
	display: none;
}

.pdfBtnSet a.typeH3_5 {
	color: #595952;
}
.pdfBtnSet .detailBtn{
	border-top: 1px solid #388956;
	border-bottom: 1px solid #388956;
}
.pdfBtnSet .detailBtn a{
	text-decoration: none;
	position: relative;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	padding: 1em;
	cursor: pointer;
}
.pdfBtnSet .detailBtn a::after{
	content: "＋";
	color: #388956;
	font-size: 1.2em;
	padding: 0 0.5em;
	text-align: right;
	-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;
}
.pdfBtnSet .detailBtn.open a::after{
	content: "−";
}

.pdfBtnSet .pList>li{
	border-bottom: 1px dashed #388956;
}
.pdfBtnSet .pList>li:last-child{
	border-bottom-style: solid;
}
.pdfBtnSet .pList a{
	text-decoration: none;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
	-webkit-box-align:center;-ms-flex-align:center;align-items:center;
	font-weight: bold;
	padding: 9px 1em;
	cursor: pointer;
}

.pdfBtnSet .pList a .name{
	font-size: 17px;
	padding-right: 1.5em;
}
.pdfBtnSet .pList a .btn{
	font-size: 17px;
	border: 1px solid #b3b3b3;
	background: #D9ECDF;
	border-radius: 12px;
	padding: 0.4em 1.5em 0.4em 3.5em;
	position: relative;
	white-space: nowrap;

}
.pdfBtnSet .pList a .btn::before{
	content: "";
	position: absolute;
	top: calc(50% - 0.5em);
	left: 1.4em;
	width: 1em;
	height: 1em;
	background: url(/common/images/icon_pdfs_tokuyo.png) no-repeat center center;
	background-size: contain;
}
@media screen and (max-width: 767px){
	.pdfBtnSet .pList a{
		padding: 9px 0.5em;
	}
	.pdfBtnSet .pList a .btn{
		padding: 0.4em 0.4em 0.4em 1.8em;
		font-size: 0.8em;
	}
	.pdfBtnSet .pList a .btn::before{
		left: 0.4em;
	}
}







/* PDFボタン */
.pdfBtn a{
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #D9ECDF;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 0.03em;

	position: relative;
	padding: 0.7em 1em;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.pdfBtn a:hover{
	text-decoration: none;
}

.pdfBtn a i{
	-ms-flex-negative:0;
	flex-shrink:0;
	border:2px solid #388956;
	border-radius: 3px;
	background: #fff;
	padding: 0.2em 0;
	font-size: 1.8em;
	width: 1.45em;
}

.pdfBtn a span{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1
}

.pdfBtn.pamph a{
	padding: 0.18em 1em;
}
.pdfBtn.pamph a i{
	border:none;
	background: none;
}
.pdfBtn.pamph a i.icon_pamph::before{
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.7em;
	background: url(/common/images/icon_pamph_tokuyo.png) no-repeat center center;
	background-size: contain;
}


.pdfBtn.iMark a{
	padding: 0.18em 1em;
}
.pdfBtn.iMark a i{
	border:none;
	background: none;
}
.pdfBtn.iMark a i.icon_iMark::before{
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.7em;
	background: url(/common/images/icon_i_tokuyo.png) no-repeat center center;
	background-size: contain;
}