@charset "utf-8";

/*
Theme Name: urbangreen
Author: 公益財団法人 都市緑化機構　公式ウェブサイト
Author URI: https://urbangreen.or.jp/
Description: 公益財団法人 都市緑化機構　公式ウェブサイト

共通css(common2021)

*/

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------------------------------------------------------------------------

	layout_top   (class="home blog logged-in")

-------------------------------------------------------------------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html, body {
width:100%;
background-color:#f6f6f6;
color:#333;
}

body > .innerBody{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.wrapper{
flex: 1; 
}
/*footer {
  margin-top: auto;
}
*/



@media screen and (max-width:767px){ /* SP */
html, body {
  overflow: auto;
}
body.open {
  overflow: hidden;
}

.search .contBody{
min-height:600px;
}

}


/* ============================================ */

/*	innerBody
------------------------*/ 
/*	wrapper
------------------------*/  

/* ============================================ */
	div.innerBody{
		width:100%;
		margin:0;
		padding:0;
		position: relative;
	}		
		@media screen and (max-width:767px){ /* SP */
			div.innerBody{
				background-image:none !important;
			}
		}
		@media screen and (min-width:768px){ /* PC */
			div.innerBody{
				background: url(../images/imgs_common/bg_body.jpg)  repeat-x 0 0;
			}
		}
		.wrapper{
		width:980px;
		margin:0 auto;
		padding:0;
	}
		.home .wrapper{
		width:100%;
	}
		@media screen and (min-width:768px){ /* PC */
			
			body.page-template .wrapper{ /* コンテンツページ　グローバルナビゲーション直下の背景画像*/
				width:980px;
				background: url(../images/imgs_common/bk_conthead.png)  no-repeat right 188px;
			}
			body.home .wrapper{ /* フロントページ　グローバルナビゲーション直下の背景画像*/
				background:url(../images/imgs_top/bk_innerBody_home.png)  no-repeat center 187px;
			}

	}


/* ============================================ */

/*       header     */  

/* ============================================ */

	header{
		width:980%;
		margin:0 auto !important;
		break-before:avoid;
		z-index:1000;
		position:relative;
}


	@media screen and (max-width:767px){ /* SP */
		header{
			width:100%;
			background-color:#fff;
			/*position: fixed;*/
			top: 0;
			left: 0;
			transition:0.3s;
			box-shadow: 0 .5rem 2rem -2rem hsl(200 50% 20% / 80%);
	}
	}

/* ============================================ */

/*      header > .header (class)     */  

/* ============================================ */

	.header {
		width:100%;
		position:relative;
	}
	.header .innerBlock {
		margin:0 auto;
		position:relative;
	}
	.header .wrp_hd{ /* #nav-wrapper （brandhd headernavBlock 内包） */
		width:100%;
		margin:0 auto;
		position:relative;
		/*height:100%;*/
	}
	.brandhd h1.mainLogo img{
		vertical-align:bottom;
		width:auto;
	}
	.header p#description{
		display:none;
	}
	

	/* sp */
	@media (max-width: 767px) {

	header,.header {
		height:100px;
overflow:hidden;
	}
	.header .wrp_hd{
	width:100%;
	margin:5px auto 0;
	height:95px;
	}
	.brandhd{
		width:calc(100% - 70px);
		margin:auto auto 0 0;
		max-width:240px;
		max-height:65px;
	}
	.brandhd h1.mainLogo img{
	position:absolute;
	left:20px;
	bottom:12px;
	height:auto;
	max-height:65px;
	width:auto;
	max-width:240px;
	vertical-align:bottom;
		transition:.3s;
	}
	.is-animation {
		height: 100px;
	}	
	}
	
	
	/* PC */
	@media (min-width: 768px) {
	
	.header {
		height:125px;
	}
	.home .header { /* fig-main の高さ分 */
		height:625px;
	}

	.header h1.mainLogo {
		position:absolute;
	width:300px;
	height:70px;
		bottom:30px;
		left:0px;
	}
	.brandhd h1.mainLogo img{
		/*margin-right:20px;*/
	width:100%;
	max-width:100%;
	height: auto;
	max-height:100%;
	}
	
	.header .mainLogo {
		position:absolute;
		top:31px;
		left:0px;
	}
	
	}

/* ============================================ */
/*      header nav list     */  

/* nav01 サブナビ（HOME ニュース一覧 お問い合わせ Twitter）（ps_only） */

/* nav02 サイトマッップ */

/* ============================================ */

.header {
	position:relative;
}
.header a {
	color:#333;
	text-decoration:none;
}


@media screen and (max-width: 767px) {/*sp*/
	.header #headernavBlock {
	position:absolute;
		width: 100%;
		height:20px;
		top:5px;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
	}
	.header #headernavBlock .nav01,
	.header #headernavBlock .nav02 ul li.btn_sitemap{
	display:none;}
	
	.header #headernavBlock .wrap_translator { /* langage */
		width: 100%;
		height:20px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		justify-content: center;
		flex-wrap: wrap;
		font-size:11px !important;
align-items:center;
	}

	
	.drawer-menu{
		margin:24px;
	}
	}


	
@media screen and (min-width: 768px) { /*pc*/
	
	.header {
		width:980px !important;
		margin:0 auto !important;
		position:relative;
	}

/*--------------------------------

/*	#headernavBlock	*/

/*	nav01,nav02（ヘッダー内のサブナビゲーション）	*/

/*--------------------------------*/
	.header #headernavBlock {
		position:absolute;
		width:600px;
		height:80px;
		top:30px;
		left:380px; 
	}
	
	.header #headernavBlock .nav01 {
clear:both;
		position:absolute;
		width:600px;
		height:30px;
		bottom:0;
		right:0;
		margin:0;
		padding:0;
		display:flex;
		justify-content: flex-end;
		align-items:center;
	}
	
	#headernavBlock .nav01 ul.subnav_hd,
	#headernavBlock .nav01 ul.sns_links{
		height:30px;
		margin:0;
		padding:0;
		line-height:1;
	}

	#headernavBlock .nav01 ul.subnav_hd li,
	#headernavBlock .nav01 ul.sns_links li,
#headernavBlock .nav01 ul.subnav_hd li a
#headernavBlock .nav01 ul.sns_links li a{
		line-height:18px;
		align-items:center;
	}

	#headernavBlock .nav01 ul.subnav_hd{
		width:360px;
		margin-right:30px;
		display:flex;
		justify-content:flex-end;
		align-items:center;
	}
	#headernavBlock .nav01 ul.subnav_hd li{
		position: relative;
		margin-left:20px;
		padding-left:15px;
	}
	#headernavBlock .nav01 ul.subnav_hd li::before{
		position: absolute;
		content:url(../images/imgs_nav/icon_ya.png) ;
		top:50%;
		left:0;
	transform:translateY(-50%);
}
	
	#headernavBlock .nav01 ul.sns_links li.bnnr_twt img{
		width:30px !important;
		height:30px !important;
		margin:0 !important;
		line-height:1;
	}
	#headernavBlock .nav01 ul.sns_links li.bnnr_twt{background:none;}
	#headernavBlock .nav01 ul.sns_links li.bnnr_twt span{display:none;}


/*--------------------------------

 英語　翻訳 
/*ナビ　翻訳ボタン nav02 に内包*/

/*--------------------------------*/
/* サイトマップ　翻訳セット */

	.header #headernavBlock .nav02 {
		position:absolute;
		width:350px;
		height:20px;
		top:5px;
		left:0px;
		font-size:11px;
	}
	#headernavBlock .nav02 ul.wrap_translator{
		width:100%;
		height:20px;
		margin:0;
	}
	#headernavBlock .nav02 ul.wrap_translator li{
		float:left;
		vertical-align:middle;
		position:relative;
margin-left:9px;
	}
	#headernavBlock .nav02 ul.wrap_translator li.btn_sitemap::before{
		content:url(../images/imgs_icon/ico_sitemap.png);
		display:inline;
padding-top:3px;
padding-right:3px;
	}
	#headernavBlock .nav01 > ul > li > a{
		display: block;}
	#headernavBlock .nav01 > ul > li > a,
	#headernavBlock .nav02 > ul > li > a{
		height:20px;
		outline:none;
	}
	.header #headernavBlock .nav01 a:hover,
	.header #headernavBlock .nav02 a:active{
		filter:alpha(opacity=70);
		opacity:0.7;
		-moz-opacity:0.7;
		display:block;
	}
}


#headernavBlock .wrap_translator{ 
		width:90px;
		overflow:hidden;
		position:relative;
	}
	
	.translator_lang_en{
		/*position:absolute;
		top:0;
		font-size:8px;
		font-size:9px;
line-height:1;*/
	}
	
	.translator_lang_en a {
		color:#999;
		cursor:pointer;
	}
	
	#headernavBlock #flags{
		width:30px !important;
		text-align:right;
		vertical-align:middle;
		padding:0;
	}
	#headernavBlock #flags a{
		display:block;
	}
	.translator_lang_en p{font-size:11px;}

.translator_lang_en a.hover{
opacity:.8;
}

@media print, screen and (min-width:768px){ /* PC */
	.translator_lang_en a:hover,
	.translator_lang_en a:active{
		color:#999;
	}
	#headernavBlock #flags a.hover{
		width:30px !important;
	}
}


/*--------------------------------

 検索ウィンドウ
 （.searchform  複数設置対応のためIDからclassに変更）

--------------------------------*/
	.searchform{
		position: relative;
	}
	
	/* sp */
	@media (max-width: 767px) {

	.wrp_hd .win-search {
		display:none;
	}
	.drawer-nav .win-search form{
		-webkit-appearance: none;
		width:80%;
		margin:0px auto 30px;
		height:32px;
		font-size:16px;
		position:relative;
		display:table;
		vertical-align:middle;
	}
	.win-search input[type=search]{
		-webkit-appearance: none;
		width:calc(100% - 40px);
		height:100%;
		background:#fff;
		border:none;
		padding-left:10px;
		border-radius: 6px 0 0 6px;
		display:table-cell;
		vertical-align:middle;
		font-size:16px;
	}
	.win-search input[type=image]{
		-webkit-appearance: none;
		position:absolute;
		width:40px;
		height:32px;
		top:0px;
		right:0px;
		border-radius:0 6px 6px 0;
		background:#666;
		display:table-cell;
		vertical-align:middle;
	}
	}
	
	/* PC */
	@media (min-width: 768px) {
	.header .win-search{
		-webkit-appearance: none;
		position:absolute;
		width:230px;
		height:24px;
		top:30px;
		right:0px;
		font-size:12px;
	}
	.drawer-nav .win-search form{
		-webkit-appearance: none;
		width:100%;
		margin:0px 0 0 auto;
		height:24px;
		position:relative;
		background:#666;
		display:table;
		vertical-align:middle;
		font-size:16px;
	}
	.win-search input[type=search]{
		-webkit-appearance: none;
		width:calc(100% - 30px);
		height:24px;
		border:none;
		background:#fff;
		padding-left:10px;
		display:table-cell;
		vertical-align:middle;
		border:1px solid #999;
		border-right:none 0;
		font-size:16px;
	}
	.win-search input[type=image]{
		-webkit-appearance: none;
		position:absolute;
		width:30px;
		height:24px;
		top:0px;
		right:0px;
		background:#666;
		display:table-cell;
		vertical-align:middle;
	}

#nav-wrapper .win-search{
	display:none;
}
	}


/* ============================================ */

/*      contHead    */  

/* ============================================ */
@media screen and (max-width:767px){ /* SP */
.contHead{
display:flex;
flex-direction:column;
}
}
/* -----------------------------------------
		pageTitleBlock（h1　ページの大見出し）
----------------------------------------- */
.pageTitleBlock h1 span{display:none;}

		@media screen and (min-width:768px){ /* PC */
			.pageTitleBlock{
			/*margin-top:0px;*/
			/*width:980px;*/
			height:115px;
			background:url(../images/imgs_common/fig_contents.png) no-repeat 0 top;
			display: table-cell;
			vertical-align: middle;
		}
		.pageTitleBlock h1{
			line-height:1.2;
			padding-left:2em;
			font-size:20px;
			/*color:#666;*/
			font-weight:normal;
			letter-spacing:5px;
		}
		
		body.page-id-76 pageTitleBlock h1{
			background:url(../images/imgs_bkheader/fig_contents_grant0.png) no-repeat 0 top;
		}

		}

/* -----------------------------------------
		pageTitleBlock（ページ見出し）
----------------------------------------- */
@media screen and (max-width:767px){ /* SP */
		.pageTitleBlock{
			width:100%;
			height:52px;
			background: rgb(15,65,61);
			background: linear-gradient(45deg, rgba(15,65,61,1) 0%, rgba(3,138,30,1) 77%, rgba(32,171,130,1) 95%);
			order:2;
		}
		.pageTitleBlock h1{
			line-height:52px;
			margin:0 1.5rem;
			font-size:20px;
			color:#fff;
			font-weight:normal;
			letter-spacing:5px;
		}
		}
		


/* --------------------------

pan（ぱんくず）

-------------------------- */
	.pan ul > li{
		font-size:9px;
		display:inline-block;
		color:#999;
	}
	.pan ul > li:before{
		content: ' ';
		margin: 8px;
		position: relative;
		top: 1px;
	}
	.pan ul > li a{
		text-decoration:none;
		color:#999;
	}
	.pan ul li:last-child{display:none;} /*現在のページタイトルは非表示にする*/
	.pan br{display:none;} /*パンくず内改行禁止*/


	@media screen and (max-width:767px){ /* SP */		
		.pan{
			width:100%;
			height:52px;
			line-height:52px;
			order:1;
			font-size:9px !important;
			background:#fffff2;
			text-overflow:ellipsis;
		}
		.pan ul{
			margin:0 3px 0 10px;
		}
		.pan ul > li{
			line-height:1.4;
		}
		.pan ul > li:before{
			content: ' ';
			margin: 3px;
			position: relative;
			top: 1px;
		}
		}
	@media screen and (min-width: 768px) { /*pc*/
		.pan{
		position:absolute;
		top:309px;
		left:0;
		/*z-index:1000;*/
	}
	.pan ul > li:before{
		content: ' ';
		margin: 8px;
		position: relative;
		top: 1px;
	}
	}
	
/* -----------------------------------------
			contBody直下article内 h1,h2,h3,h4,h5,h6
----------------------------------------- */
	
	@media screen and (min-width:768px){ /* PC */
		.contContainer > h2{
			width:960px;
			height:94px;
			margin-bottom:24px;
			margin-top:0;
		}
		
		.contContainer h2 span{
			display:none;
		}
	}

		

/* ============================================ */

/*      contContainer （ header下 ）    */  

/* ============================================ */
.contContainer {
	width:100%;
	margin:0 auto;
	padding:0;
	*zoom:1;/* for IE7以下 */
}

.contHead{z-index:1;}
.contContainer{z-index:2;}

@media screen and (max-width:767px){ /* SP */
.contContainer .innerBlock,
.contHead {
clear:both;
width:100%;
margin:0 auto;
position:relative; 
}

.contContainer {
width:100%;
margin:0 auto;
}

.contBody{/*コンテンツ本体*/
width:calc(100% - 40px);
margin:0 auto;
text-align:left;
}
}

/* ============================================ */

/*    HOME  contBody　コンテンツ（みどりのプログラム）    */ 

/* ============================================ */
.home .contBody.cont-id_grprgrm{
	width:100%;
	margin-top:60px;
	margin-bottom:30px;
}
@media screen and (max-width:767px){ /* SP */
.home .contBody.cont-id_grprgrm{
	width:100%;
	margin-top:0;;
	margin-bottom:30px;
}
}



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

		.innerBox span{display:none;}
		.innerBox > p{overflow:hidden;height:100%;margin-bottom:12px;}
		.icon_margin{width:60px;padding-left:20px;}
		
		.contBody p{
			margin-bottom: 1em;
		}
		.sect1{ /*本文左にスペースを設けたい場合利用*/
			margin-left:18px;
		}
		.sect2{ /*本文左にスペースを設けたい場合利用*/
			margin-left:24px;
		}
		.contBody ul{
			margin:12px 14px 24px;
			text-align:left;
			color:#333;
		}
		
		.contBody ul.indent-1em li,
		.indent-1em{
			text-indent:-1em;
			margin-bottom:12px;
		}


/* ============================================ */

/*      footer     */  

/* ============================================ */
footer {
	width: 100%;
	color:#fff;
}

/* --------------------------

	#footer_NavBlock
	
	-------------------------- */

@media print, screen and (min-width:768px){ /* PC */
	
	#footer_NavBlock{
	width:100%;
	display:none;
}
}

/*
footerNav（wp カスタムメニュー）
-------------------------- */
@media screen and (max-width:767px){ /* SP */
	#footer_NavBlock ul#ugmenu_footerNav,
	#footer_NavBlock .wrp_ug-social{
		font-size:1.3rem;
	}
	
	#wrp_footerNav{ /* footer.php でID指定 */
	width:100%;
	background:#e6e6e6;
	padding:2rem;
}
#wrp_footerNav ul#ugmenu_footerNav{
	/*margin-top:1rem;*/
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
ul#ugmenu_footerNav li{
	width:50%;
	margin-bottom:1rem;
}

ul#ugmenu_footerNav li a{
	text-decoration:none;
	color:#666;
}
ul#ugmenu_footerNav li:nth-child(1){order:1;}
ul#ugmenu_footerNav li:nth-child(2){order:3;}
ul#ugmenu_footerNav li:nth-child(3){order:5;}
ul#ugmenu_footerNav li:nth-child(4){order:7;}
ul#ugmenu_footerNav li:nth-child(5){order:9;}
ul#ugmenu_footerNav li:nth-child(6){order:11;}
ul#ugmenu_footerNav li:nth-child(7){order:2;}
ul#ugmenu_footerNav li:nth-child(8){order:4;}
ul#ugmenu_footerNav li:nth-child(9){order:6;}
ul#ugmenu_footerNav li:nth-child(10){order:8;}
ul#ugmenu_footerNav li:nth-child(11){order:10;}
ul#ugmenu_footerNav li:nth-child(12){order:12;}
}

/* 
　公式アカウント
-------------------------- */
@media screen and (max-width:767px){ /* SP */
	
	#footer_NavBlock .wrp_ug-social{
	background:#fff;
	padding:2rem;
}
#footer_NavBlock .wrp_ug-social h2{
	font-size:1.5rem;
	color:#006837;
	margin-bottom:20px;
}

.ug-social__list{
	width:100%;
	margin: 0;
	/*display: flex;*/
	/* flex-wrap: wrap;*/
}
.ug-social__list li{
	width: 100%;
	margin:0 0 20px;
	padding:0;
	line-height:1.4;
}
.ug-social__list li:last-child{
	margin-bottom:1rem;
}
.ug-social__list--twt a::before, 
.ug-social__list--grpj2020 a::before{
	content:"";
	display: inline-block;
	background-image: url("../images/banner/icon_socials.png");
	background-size: 100px 40px;
}

.ug-social__list li a {
	min-height: 40px;
	padding: 0 0 0 55px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	position: relative;
	text-decoration:none;
}
.ug-social__list a::before {
	position: absolute;
	top: 0;
	left: 0;
}
.ug-social__list--twt a{
	color: #00acee;
}
.ug-social__list--twt a::before{
	width:40px;
	height:40px;
	background-position:0 0;
}
.ug-social__list--grpj2020 a::before{
	width:40px;
	height:40px;
	background-position:-60px 0;
}


}

/* --------------------------
		common
-------------------------- */
.footer {background:#006837;} /*336600 深緑*/
.footer .innerBlock  {
	padding:1rem;
}

@media screen and (min-width: 768px) { /*pc*/
	.footer {
	width: 100%;
	margin-top:150px;
	background:#336600 url(../images/imgs_common/bg_grass_type2.jpg);
	color:#fff;
	text-align:center;
	position:relative;
	min-height:137px;
}	
.footer .innerBlock  {
	max-width: 980px;
	margin:0 auto 0;
	position:relative;
	margin:0 auto;
	padding:30px 0;
}
.footer .innerBlock::before{
	content:"";
	position:absolute;
	bottom:calc(100% + 1px);
	left:50%;
	transform:translateX(-50%);
	display:block;
	text-align:center;
	width:1100px;
	height:125px;
	background:url(../images/imgs_common/bk_footer.png) no-repeat center bottom;
	background-size:contain;
}
}

.footer .kiyaku{
	float:right;
	text-align:right;
	line-height:12px;
	padding-top:2px;
	padding-left:18px;
	margin-left:12px;
	color:#fff;
	position:relative;
	font-size:1.4rem;
}
.footer .kiyaku::before{
content: '';
position: absolute;
top: 0;
bottom:0;
left: 0;
margin: auto;
width:18px;
height:14px;
vertical-align: middle;
background:url(../images/imgs_nav/icon_ya.png) no-repeat 0 0;
}


@media screen and (max-width: 767px) { /*sp*/
	.footer .kiyaku{
	float:left;
	text-align:left;
	font-size:1.2rem;
	line-height:2;
	margin:0 1em .75em 0;
	background:transparent;
}
.footer .kiyaku::before{
	content: '';
	position: absolute;
	top: 0;
	bottom:0;
	left: 0px;
	margin: auto;
	width:10px;
	height:6px;
	transform: rotate(0deg);
	vertical-align: middle;
	border: 6px solid transparent;
	border-left: 6px solid yellowgreen; /*caret*/
background:transparent;
}
}

.footer .copyRight{
	color:#fff;
	text-align:left;
	font-size:.9rem;
}

.footer address{
	color:#fff;
	font-size:1.1rem;
	font-style:normal;
}
.footer address span{
	font-size:1.6rem;
}

.footer a:link {
	color:#fff;
	text-decoration:none;
	outline:none;
}
.footer a:visited {
	color:#fff;
	text-decoration:underline;
}
.footer a:active {
	color:#fff;
	text-decoration:underline;
}
@media print, screen and (min-width:768px){ /* PC */
.footer a:hover {
	color:#fff;text-decoration:underline;
}
}


/* ============================================ */
/*      RETURN PAGE TOP      */
/* ============================================ */

#pagetop_Block {
	width:100%;
	z-index:1002;
	text-align:center;
}
#pagetop{
	position:fixed;
	text-align:center;
}
#pagetop span{
	display:none;
}
	@media print, screen and (min-width:768px){ /* PC */

		#pagetop{
			right:0px;
			bottom: 40px;
			z-index:1001;
		}
		#pagetop a{
			width:100px;
			height:37px;
			display:block;
			margin:0 0 50px 0;
			padding:5px 10px;
			background:#999999 url(../images/imgs_common/btn_pagetop.png) no-repeat 15px 50%;
			font-size:77%;
			color: #000;
			text-align: center;
			line-height: 1.2;
			text-decoration: none;
			-webkit-transition: 1s;
			-moz-transition: 1s;
			-o-transition: 1s;
			transition: 1s;
			box-shadow:10px 0 0 0 #999999,0 3px 3px 0 rgba(0,0,0,0.1);
			filter:alpha(opacity=60);
			opacity:0.6;
			-moz-opacity:0.6;
		}
		#pagetop a:hover {
			background: #999999 url(../images/imgs_common/btn_pagetop.png) no-repeat 15px 50%; /* ie用 */
			color: #fff;
			box-shadow:10px 0 0 0 #999999,0 3px 3px 0 rgba(0,0,0,0.1);
			color: #fff;
			filter:alpha(opacity=70);
			opacity:0.7;
			-moz-opacity:0.7;
		}
	}

	@media screen and (max-width:767px){ /* SP */

		#pagetop{
			right:0px;
			bottom: 30px;
		}
		#pagetop a{
			width:40px;
			height:40px;
			display:block;
			margin:0 0 50px 0;
			background:#33cc99;
			font-size:77%;
			color: #000;
			text-align: center;
			line-height: 1.2;
			text-decoration: none;
			transition: 1s;
			/*box-shadow:10px 0 0 0 #ccc,0 3px 3px 0 rgba(0,0,0,0.1);*/
			opacity:0.6;
			border-radius:6px;
		}
		#pagetop a{position:relative;
		}
		#pagetop a::before{
			content:"";
			width:20px;
			height:30px;
			position: absolute;
			bottom:14px;
			left: 10px;
			margin: auto;
			transform: rotate(0deg);
			vertical-align: middle;
			border: 10px solid transparent;
			border-bottom: 15px solid #fff; /*caret*/
		}
	}

@media print {
	#pagetop{
	display:none;
}
}



/* リンクファイルアイコン（別ウィンドウ,pdf,doc,ppt,excell) 
----------------------------------------------------------- */  

a[target="_blank"]:after {
	padding-left: 6px;
	content: url(../images/imgs_icon/icon-openwindow.gif);
	top:0;
	left:0;
}
#home a[target="_blank"]:after,.home a[target="_blank"]:after { /*トップページではアイコン不要*/
	padding-left: 0;
	content: normal;
	top:0;
	left:0;
}
a[href$=".pdf"]:after {
	padding-left: 6px;
	content: url(../images/imgs_icon/icon_files_pdf.png) ;
position:relative;
top:3px;
}  
* html a.icon_pdf:after {
	padding-left: 6px;
	content: url(../images/imgs_icon/icon_files_pdf.png) ;
position:relative;
top:3px;
}
a[href$=".doc"]:after {
	padding-left: 2px;
	content: url(../images/imgs_icon/icon_files_doc.png) ;
position:relative;
top:3px;
}  
* html a.icon_doc:after {
	padding-left: 2px;
	content: url(../images/imgs_icon/icon_files_doc.png) ;
position:relative;
top:3px;
}
a[href$=".docx"]:after {
	padding-left: 2px;
	content: url(../images/imgs_icon/icon_files_doc.png) ;
position:relative;
top:3px;
}  
* html a.icon_docx:after {
	padding-left: 2px;
	content: url(../images/imgs_icon/icon_files_doc.png) ;
position:relative;
top:3px;
}
a[href$=".xlsx"]:after, a[href$=".xls"]:after {
	padding-left: 2px;
	content: url(../images/imgs_icon/icon_files_xls.png) ;
position:relative;
top:3px;
}  
* html a.icon_xlsx:after, * html a.icon_xls:after {
	padding-left: 2px;
	content: url(../images/imgs_icon/icon_files_xls.png) ;
position:relative;
top:3px;
}
a[href$=".ppt"]:after, a[href$=".pptx"]:after {
	padding-left: 2px;
	content: url(../images/imgs_icon/icon_files_ppt.png) ;
position:relative;
top:3px;
white-space: nowrap;
}  
* html a.icon_ppt:after, * html a.icon_pptx:after {
	padding-left: 2px;
	content: url(../images/imgs_icon/icon_files_ppt.png) ;
position:relative;
top:3px;
white-space: nowrap;
}

/*アイコン(jpg)*/
a[href$=".jpg"].icon_img::after,
a.icon_img::after {
	padding-left: 6px;
	content: url(../images/imgs_icon/icon_image.gif) ;
position:relative;
top:3px;
}
/*アイコン不要時*/
a[target="_blank"].no_icon::after ,
a.no_icon:after {
content: normal;
}




/* font STYLE 
----------------------------------------------------------- */
.sectTit2{
font-size:15px;
margin-bottom:12px;
font-weight:bold;
color:#444;
}
.sectTit2.txt14{
font-size:14px;
}
.sectTit2:before {
    content: url(../images/imgs_icon/dot01.png);
    margin: 6px 6px 6px 0;
    position: relative;
    top: 2px;
}

.sectTit3{
font-size:16px;
margin-bottom:12px;
color:#12a9b5;
}

.sectTit{
font-size:16px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:30px;
}

.spotTit{
font-size:15px;
	font-weight:bold;
}

.spotCatch{
font-size:14px;
	font-weight:bold;
}
.mainTit{
font-size:18px;
font-weight:normal;
color:#5266cc;
line-height:1.6;
margin:1em 0 0.5em !important;
}

.subTit{
font-size:14px;
font-weight:normal;
color:#527c21;
}
.subTit02{
font-size:14px;
font-weight:normal;
color:#527c21;
background-color:#f3f0e9;
padding:1px 6px;
}




/* ================================================================================ */
/* 記事リスト（アイキャッチつき） */
/* ================================================================================ */

ul.newsindex{
	width:100%;
	/*margin:5px 0 0;
			padding-bottom:10px;*/
	margin:0 auto;
	padding:0 !important;
	border-bottom:1px solid #e6e6e6;
}
ul.newsindex li{
	width:100%;
	margin:0 auto;
	flex-wrap:nowrap;
	padding: 2rem 0;
	display:flex;
	justify-content:space-between;
font-size:1.5rem;
}

/*検索結果ページなど　１カラム　アイコンなし*/
.post_list--noimg ul.newsindex{
margin:0;
}
.post_list--noimg ul.newsindex li{
display:block;
}
/*---------------------------------*/

ul.newsindex li p{
margin:0 !important;
padding:0;
}

/* アイキャッチサイズ設定 */
.img_wrp {
	flex-basis: 100px;
	height:100px;
	margin:0 30px 0 0;
	overflow: hidden; /*画像のはみ出した部分を非表示 */
}
.img_wrp img {
	width: 100px;
	max-width:100px;
	height: 100px;
	object-fit: cover;
}

.txt_wrp{
	flex:1;
	margin:0 !important;
	padding:0 !important;
}


.date{
	color:#666;
	font-size:11px;
	margin-bottom:0;
}


.more-link{
	font-size:8px;
}
.tag_cat a{
	text-decoration:none;
	color:#999;
	font-weight:normal !important;
	font-size:11px;
}

.newsindex p.newsTit{
	font-size:1.6rem;
}


@media screen and (max-width:767px){ /* SP */
ul.newsindex li p{margin:0;}

.newsindex p.newsTit{
font-weight:normal;
}
ul.newsindex p{margin:0;line-height:1.8;
	letter-spacing:-.01em;
	font-feature-settings: "palt";
}

/* アイキャッチサイズ設定 */
.img_wrp {
	flex-basis: 70px;
	min-width:70px;
	height:70px;
	margin:0 9px 0 0;
	overflow: hidden; /*画像のはみ出した部分を非表示 */
}
.img_wrp img {
	width: 100%;
	height: 70px;
	object-fit: cover;
}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------------------------------------------------------------------------

	pagenation

-------------------------------------------------------------------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.pagination {
clear:both;
margin:60px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#999;
background: #e6e6e6
}
 
@media print, screen and (min-width:768px){ /* PC */
.pagination a:hover{
color:#fff;
background: #555;
}
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #555;
color:#fff;
}

#contBody h2.screen-reader-text{ /*件数表示*/
margin:0;
padding:0;
height:24px;
font-size:11px;
background:transparent;
letter-spacing:0;
color:#333;
border:0 none;
text-shadow:none;
box-shadow:none;
}

.nav-links{
margin:0;
padding:0;
}
ul.page-numbers,ul.page-numbers li{
margin:0;
padding:0;
}


/**/
/* nav_side
---------------------------------------------------- */

nav_side{
width:260px;
margin-bottom:18px;
letter-spacing:-0.2px;
}
ul.nav_side{
border-top:1px solid #d5d5d5;
	overflow: hidden;
	clear: both;
}

ul.nav_side > li{
border-bottom:1px solid #d5d5d5;
}

ul.nav_side li span{
	float: right;
	cursor: pointer;
	padding: 0 10px 0 0;
}

ul.nav_side li a{
padding-left:9px;
padding-top:6px;
padding-bottom:6px;
text-decoration:none;
display:block;
color:#333;
}
@media print, screen and (min-width:768px){ /* PC */
ul.nav_side > li a:hover{
background:#f3f3f3;
}
}
		@media screen and (max-width:767px){ /* SP */
			ul.nav_side li a{
			padding-left:9px;
			padding-top:6px;
			padding-bottom:6px;
			text-decoration:none;
			display:block;
			color:rgb(102,161,95);
		}
		ul.nav_side > li a:active{
			background:transparent;
			text-decoration:underline;
		}
		}



ul.nav_side li >ul{
padding-bottom:0;
}
ul.nav_side > li >ul.children > li{
border-top:1px dashed #e6e6e6;
	overflow: hidden;
	clear: both;
}
ul.nav_side li >ul li >ul li{
background:#f9f9f9 url(../images/imgs_nav/icon_ya2.png) no-repeat 10px 50%;
border-top:1px dashed #e6e6e6;
}


ul.nav_side > li > ul > li a{
padding-left:22px;
padding-top:6px;
padding-bottom:6px;
text-decoration:none;
display:block;
color:#333;
background:url(../images/imgs_nav/nav_ya2.gif) no-repeat 10px 50%;
}

ul.nav_side > li > ul > li  > ul > li a{
background:#fff url(../images/imgs_nav/icon_ya2.png) no-repeat 10px 50%;
}

@media print, screen and (min-width:768px){ /* PC */
ul.nav_side > li > ul > li a:hover{
background:#f3f3f3 url(../images/imgs_nav/nav_ya2.gif) no-repeat 10px 50%;
}

ul.nav_side > li > ul > li  > ul > li a:hover{
background:#f3f3f3 url(../images/imgs_nav/icon_ya2.png) no-repeat 10px 50%;
}
}

.side_block a.current{
background:#e9e9e9;
}

ul.nav_side .current_page_item,
ul.nav_side .current_page_ancestor{
background:#fff;
}
ul.nav_side .current_page_item > a{
font-weight:bold;
background-color:#f8fadf;
}

/* ================================================================================ */

/* slidebox（開閉パネル） */

/* ================================================================================ */

		.wrap-toggel{
			margin:0;
			padding:0;
		}
		.slidebox h4:before{
			content: url(../images/imgs_icon/icon_ya_d.png);
			margin-right: 8px;
			position: relative;
			top: 1px;
		}
		.slidebox active h4:before{
			content: url(../images/imgs_icon/icon_ya_u.png);
			margin-right: 8px;
			position: relative;
			top: 1px;
		}


/* -----------------------------------------
    contBody直下article内 h1,h2,h3,h4,h5,h6
----------------------------------------- */
@media screen and (min-width: 768px) { /*pc*/

.contContainer > h2{width:960px;height:94px;margin-bottom:24px;margin-top:0;}
.contBody h1 span{display:none;}

.contContainer > h2{
min-height:94px;
margin-bottom:24px;
margin-top:0;
}
.contContainer  h2 span{display:none;}

body.page .contBody h1,
body.archive .contBody h1{ /*本文タイトルH1*/
clear:both;
margin-top:-5px;
margin-bottom:24px;
padding:5px 0px;
line-height:1.6;
color:#0B9266;
font-size:22px;
font-weight:normal;
border-bottom:2px solid #b0d37e; /*暫定*/
box-shadow: 0px 3px 3px -3px rgba(200,200,200,0.6);
}


body.single .contBody h1{
clear:both;
padding-top:24px;
padding-top:24px;
margin-bottom:30px;
padding-bottom:24px;
line-height:1.4;
font-size:18px;
	font-weight:normal;
	border-top:1px solid #b0d37e;
	border-bottom:1px solid #b0d37e; /*暫定*/
	background-color:#fcfcfc;
	box-shadow: 0 0 18px #eee;
}
body.single .contBody h1.articleHead{text-align:center;} /*記事タイトル*/

body.page.parent-pageid-76 .contBody h1,
body.page.parent-pageid-151 .contBody h1,
body.page.parent-pageid-355 .contBody h1,
body.page.parent-pageid-357 .contBody h1,
body.page.parent-pageid-359 .contBody h1{ /*みどりの表彰H1*/
padding:30px;
padding-bottom:42px;
margin-bottom:60px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fff), color-stop(0.01, #eae5be));
background: -webkit-linear-gradient(top, #eae5be 1%, #fff 50%);
background: -moz-linear-gradient(top, #eae5be 1%, #fff 50%);
background: -o-linear-gradient(top, #eae5be 1%, #fff 50%);
background: -ms-linear-gradient(top, #eae5be 1%, #fff 50%);
background: linear-gradient(to bottom, #eae5be 1%, #fff 50%);
border-bottom:1px solid #e6e6e6;
border-radius:3px;
color:#104b2a;
background:url(../images/imgs_common/bk_pattern01.png) no-repeat 0 0;
background:none;
clear:both;
margin-top:-5px;
margin-bottom:24px;
padding:5px 0px;
line-height:1.6;
color:#0B9266;
font-size:22px;
font-weight:normal;
border-bottom:2px solid #b0d37e; /*暫定*/
box-shadow: 0px 3px 3px -3px rgba(200,200,200,0.6);
}

body.single .contBody h1 a{
text-decoration:none;
color:#333;
}
body.page .contBody h1:first-child,
body.single .contBody h1:first-child,
body.archive .contBody h1:first-child,
body.page .contBody h3:first-child{
margin-top:0;
}


body.page .contBody h2{ /*小見出し*/
clear:both;
margin-top:36px;
margin-bottom:24px;
padding:9px 6px 9px 24px;
font-size:17px;
font-weight:normal;
letter-spacing:1px;
background-color:#82BB27;
border:2px solid #F2F3B9;
border-radius:6px;
color:#fcfcfc;
text-decoration:none;
box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
border-radius: 6px;
text-decoration: none;
text-shadow:-1px -1px 20px #669933, 1px 1px 20px #669933;
}


body.page-id-87 .contBody h2{ /*小見出し 公開情報*/
	clear:both;
	margin-top:24px;
	margin-bottom:12px;
	padding:3px 6px 3px 24px;
	font-size:15px;
	font-weight:normal;
	letter-spacing:1px;
	border:none;
	box-shadow: 0 0 3px #333;
	color:#fff;
	background:#0B9273 url(../images/imgs_common/bk_pattern05.jpg) repeat 0 bottom;
}

body.single .contBody h2,.contBody h3{ /*小見出し*/
clear:both;
	margin-top:42px;
	margin-top:60px;
	margin-bottom:24px;
	margin-bottom:30px;
padding-left:10px;
/*line-height:30px;*/
font-size:15px;
font-weight:bold;
letter-spacing:1px;
border-left:6px solid #8db645;
background:url(../images/imgs_icon/line_g.png) repeat-x 0 bottom;
}

body.single .contBody h2.m1{ /*200928追記 ラウンド枠*/
background:#fff;
border:1px solid #8db645;
font-size:18px;
padding:1em;
border-radius:2em;
}

.contBody h3{line-height:30px;}

body.page .contBody h2 + h3{ /*小見出し*/
	margin-top:12px;
}

body.page .contBody h1 + h2,
body.single .contBody h1 + h2,
body.archive .contBody h1 + h2{
margin-top:0;
}


body.page-id-157 .contBody h3,
body.parent-pageid-622 .contBody h3{ /*みどりのイベント 会員寄付のお願い*/
clear:both;
margin-top:30px;
margin-bottom:24px;
padding:6px 6px 6px 45px;
font-size:16px;
letter-spacing:1px;
font-weight:bold;
background:#d7ede4;
color:#42755e;
	border-radius:3px;
	background:#f3f3f3 url(../images/imgs_icon/ico_leaf2.png) no-repeat 6px 3px;
	border-top:1px solid #b0d37e; /*暫定*/
	border-bottom:1px solid #b0d37e; /*暫定*/
	border-left:0 none;
}

body.single h3{
	clear:both;
	margin-top:30px;
	margin-bottom:24px;
	padding:2px 6px 2px 16px;
	font-size:14px;
	letter-spacing:1px;
	font-weight:bold;
	background:#ebecd2;
	color:#444;
border-radius:6px;
	border-left:0 none;
	border-top:1px solid #ebecd2;
	border-bottom:1px solid #ebecd2;
}
body.single h3.article_ttl{
	padding:12px 20px;
line-height:1.4;
}
h4,h5{
font-size:14px;
	font-weight:bold;
	padding-left:14px;
}
.jyushou_toshisho h4{
border-bottom:1px solid #b0d37e;
padding-bottom:24px;
margin-bottom:24px;
}

}

/*--------------------------------------------------------------

## SNS share button

--------------------------------------------------------------*/
/*sumi 20201006追加*/


@media screen and (max-width:767px){ /* SP */
.share {
margin-top:10px;
margin-bottom:12px;
z-index:2;
}
}
@media screen and (min-width: 768px) { /*pc*/
.share {
position:absolute;
top:30px;
right:0;
margin-bottom:20px;
}
}


.share ul {
margin: 0;
padding: 0;
list-style: none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-start;
}

.share li {
margin: 0;
}

.share li a {
font-size: 9px;
display: block;
padding:3px 7px 4px;
text-align: center;
text-decoration: none;
color: #fff;
line-height:1;
border-radius:2px;
}

.share li a.hover {
opacity: .8;
}

@media print, screen and (min-width:768px){ /* PC */
.share li a:hover {
opacity: .8;
}
}

.share li a:visited {
color: #fff;
}
.share li i {
font-size: 10px;
padding-top: 1px;
}
.tweet a {
background-color: #00acee;
font-family:YuGothic, "Yu Gothic Medium", "Yu Gothic";
letter-spacing:-0.05em;
}

@media screen and (max-width:768px){
.share li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 3px;
}
.tweet i{
display: none;
}
}


/* ========================================= */

/*      定　型    */  

/* ========================================= */

/* お問い合わせ　セット */
/*  .waku_maru padd2em txt_c, （旧） */

@media screen and (min-width: 768px) { /*pc*/
.waku_maru padd2em txt_c, /* （旧） */
.wrp_ug-contactlist{
background:#fff;
border-radius:300px;
text-align:center;
padding:2em;
}
.uginf-a span::after{
content:" ";
}
.wrp_ug-contactlist .ug-contactlist{
margin-bottom:20px;
}
.wrp_ug-contactlist .ug-contactlist p{
margin:0;
padding:0;
}

}


.uginf-p::before{
content:"TEL ";
display:inline;
}
.uginf-f::before{
content:"FAX ";
display:inline;
}
.uginf-m::before{
content:"email：";
display:inline;
}
.uginf-m::after{
content:"（＠を半角にして送信ください）";
display:inline;
}
.uginf-amk::before{
content:"@";
display:inline;
}

@media screen and (max-width:767px){ /* SP */

.waku_maru padd2em txt_c /* （旧） */
{background:transparent;
text-align:left;
padding:0;
}

.waku_maru padd2em txt_c p{
margin:0;
padding:0;
}

.wrp_ug-contactlist{
text-align:left;
}
.wrp_ug-contactlist .ug-contactlist{
margin-bottom:20px;
}
.wrp_ug-contactlist .ug-contactlist p > span{
display:block;
}
.wrp_ug-contactlist .ug-contactlist p br{
display:none;
}
.wrp_ug-contactlist .ug-contactlist p{
margin:0;
padding:.75em 1em;
}
.wrp_ug-contactlist .ug-contactlist p:nth-child(odd){
background:#ececec;
}

.uginf-m::after{
content:"\A（※ご利用の際は＠マークを半角で入力してください）";
display:block;
}
.uginf-amk::before{
content:"@";
display:inline;
}
}

@media screen and (min-width: 768px) { /*pc*/
.wrp_ug-contactlist .ug-contactlist br{
display:none;
}
}


/* リンク　スタイル 

----------------------------*/
@media screen and (max-width:767px){ /* SP */

/*ul.links{
margin:30px 0;
}
ul.links li{
padding-left:22px;
margin-bottom:9px;
background:url(../images/imgs_icon/icon_ya_r.png) no-repeat 0 2px;
}*/

a.ug-links{
	background :rgba(0,168,130,.2);
	border-radius:1px;
	padding:.9rem 1em .9rem 3em;
	color:rgba(0,168,130,1);
	text-decoration:none;
	line-height:1.4;
	display: block;
position:relative;
}
a.ug-links::before{
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0,168,130,.1);
}
a.ug-links::after{
    left: 3px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
a.ug-links:active,a.ug-links:active{
	padding:.9rem 1em;
	background:rgba(0,168,130,.1);
}

a.ug-links-------{
	border:1px solid rgba(0,168,130,1);
	border-radius:3px;
	padding:.9rem 1em .9rem 3em;
	color:rgba(0,168,130,1);
	text-decoration:none;
	line-height:1.4;
	display: block;
position:relative;
}
a.ug-links--------::before{
content:"";
position:absolute;
top:50%;
left:15px;
width:9px;
height:9px;
border-top: 1px solid rgba(0,168,130,1);
border-right: 1px solid rgba(0,168,130,1);
transform: translateY(-50%) rotate(45deg);
}
a.ug-links:active,a.ug-links:active{
	padding:.9rem 1em;
	background:rgba(0,168,130,.1);
}

.wrp_links-newstop{
width:100%;
margin:0;
padding:1em 2rem;
background:#fff;
order:3;
}

}


a.ug-btn_links,
.btn_contact a{
width:100%;
display:block;
padding:12px;
line-height:1;
background:rgba(0,168,130,1);
color:#fff;
text-align:center;
}

@media screen and (max-width:767px){ /* SP */
a.btn_contact,
a.btn_info{ /*お問合せフォームなどへのリンク*/
	background:rgba(0,168,130,1);
	background-image:none;
	border-radius:3px;
	padding:.9rem 1em;
	color:#fff;
	text-decoration:none;
	font-size:1.5rem;
	display: block;
text-align:center;
}
a.btn_contact:active,a.btn_info:active{
	padding:.9rem 1em;
	background:rgba(200,200,200,1);
}


}


/* -----------------------------------------
ボーダーライン（水平ライン）
----------------------------------------- */

.lineTop,.border_t{
	border-top:1px solid #ccc;
}

.lineTop_dot,.border_t_dot{
	border-top:1px dotted #bbb
}

.lineBottom,.border_b{
	border-bottom:1px solid #ccc;
}
.lineTB,.border_tb{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}



/* ========================================= */

/*      レイアウト（flex）    */  

/* ========================================= */

/*画像レイアウト flexbox（200928追記）*/
/*画像レイアウト　カラム*/

article .wrp_flex,
.wrap_colmlayout3/*旧記事*/
{
	width:100%;
	display: flex;
	flex-wrap: wrap; 
	justify-content:space-between;
	align-items:stretch;
}

.wrap_colmlayout3 div{text-align:center;}/*旧記事*/

/* コンテンツ下のマージン */
.flex-child { margin-bottom: 10px; }

/* 各カラム毎のコンテンツと疑似要素の横幅 */
.flex-col2 .flex-child { width: calc( (100% - 30px) / 2 ); }

.flex-col3::after,
.flex-col3 .flex-child { width: calc( (100% - 40px) / 3 ); }

.flex-col4::before,
.flex-col4::after,
.flex-col4 .flex-child { width: calc( (100% - 40px) / 4 ); }

/* 最終行を左寄せ */
.flex-col3::after,
.flex-col4::before,
.flex-col4::after { content: ""; }

.flex-col4::before { order: 1; }


/* レスポンシブ */

/* 991px以下　4列 → 3列 */
@media screen and (max-width: 991px) {
	.flex-col4::after,
.flex-col4 .flex-child { width: calc( (100% - 20px) / 3 ); }
}

/* 767px以下で　列・3列 → 2列 */
@media screen and (max-width: 767px) {
	.flex-col3 .flex-child,	
.flex-col4 .flex-child
.wrap_colmlayout3 div{ width: calc( (100% - 20px) / 2 ); }
}

/* 575px以下　全て1列 */
@media screen and (max-width: 575px) {
	.flex-col2 .flex-child,
	.flex-col3 .flex-child,
	.flex-col4 .flex-child { 
	/*width: 100%; */
	width: calc( (100% - 20px) / 2 );
}

.flex-col2.typ_btn .flex-child,
.flex-col2.rsp--flex-column > .flex-child{
	width:100%;
}
.flex-col2.typ_btn .flex-child a{
	width:100%;
}
}


/* ----------------------------------

	TTinyMCE Advance 登録スタイル
	
	テキストカラー、背景色、枠線
	20210331追加
	
	------------------------------------- */


.wrp_group .padd1em{
padding:1rem;}
.wrp_group .padd2em{
padding:2rem;}

.wrp_group p:last-child{
margin-bottom:0;
}

.txt--primary{color:#82bb27;} /*きみどり*/
.txt--secondary{color:#009966;} /*青みどり*/
.txt--third{color:#4c6cb3;} /*群青*/
.txt--caution{color:#f9e0d0;} /*赤*/
/*.txt--warning{color:#fff1cd;} */ /*きいろ*/
.txt--light{color:#ffffff;} /*ホワイト（ライトグレー）*/

.bg--primary{background-color:#eaf4d7;}/*きみどり*/
.bg--secondary{background-color:#def3e4;} /*青みどり*/
.bg--third{background-color:#e7eaf7;} /*藤色*/
.bg--caution{background-color:#f9e0d0;} /*ピンク*/
.bg--warning{background-color:#fff1cd;} /*きいろ*/
.bg--light{background-color:#eeeeee;} /*ライトグレー*/
.bg--wht{background-color:#ffffff;} /*ホワイト*/
.bg--sub{
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(233, 250, 222, 1) 10px, rgba(233, 250, 222, 1) 20px );} /*シマ*/

.ug_border{border-width:1px;border-style:solid;padding:1em;}
.border--rd{border-radius:6px;}

.ug_border--primary{border-color:#82bb27;}/*きみどり*/
.ug_border--secondary{border-color:#def3e4;} /*青みどり*/
/*.ug_border--third{border-color:#e7eaf7;}*/ /*藤色*/
.ug_border--caution{border-color:#fee0e1;} /*ピンク*/
/*.ug_border--warning{border-color:#ffe200;}*/ /*きいろ*/
.ug_border--light{border-color:#dddddd;} /*ライトグレー*/


/* 木目のフレーム（都市緑化月間） */
@media screen and (max-width:767px){ /* SP */
.waku_rd.bk_wood2.padd2em{
background-color:transparent;
background-image:none;
padding:0;
border:none 0;
}
div.waku_rd.bk_wood2.padd2em div.waku_rdwht.margTB1em.padd2em.withImage.txt_c{
background:transparent;
margin:0;
padding:0;
border:none 0;
text-align:left;}
}