@charset "utf-8";

/*--------------- 共通設定 --------------------*/
body {
	text-align: center;
	line-height: 1.7;
	color: #000;
	font-size: 14px;
	/*word-break: break-all;*/
	background: url(../img/body-bg.jpg);
}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
/*
.flL { float: left !important;}
.flR { float: right !important;}
*/
.flR { margin-bottom: 1em; width: auto !important; height: auto !important;}
.flL { margin-bottom: 1em; width: auto !important; height: auto !important;}

.fwB { font-weight: bold !important;}
.fwN { font-weight: normal !important;}

.sp_taL { text-align: left   !important;}
.sp_none { display: none;}

/* !link ------------------------------------------------------------------ */
a:hover img{
	filter:alpha(opacity=80);
	opacity:0.8;
}
a:link,a:visited { color: #333; text-decoration: underline; }
a:hover,a:active { color: #999; text-decoration: none ;}
a { outline: none;}

/* !text ------------------------------------------------------------------ */
.fs11px { font-size: 91.7%;}

.fcRed { color: #ff0000;}

blockquote{
	background-color:#ddd;
	padding:3em 1.5em 1em 1.5em;
	position:relative;
	margin-bottom: 10px;
}
blockquote:before{
	content:"“";
	font-size:600%;
	line-height:1em;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	color:#999;
	position:absolute;
	left:0;
	top:0;
}
blockquote:after{
	content:"”";
	font-size:600%;
	line-height:0em;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	color:#999;
	position:absolute;
	right:0;
	bottom:0;
}

/* !icon ------------------------------------------------------------------ */
.ico-pop { 
	background: url(../img/ico-pop.gif) no-repeat left top  !important;
	padding:2px 0 2px 22px  !important;
}
.ico-mail { 
	background: url(../img/ico-mail.gif) no-repeat left top  !important;
	padding:2px 0 2px 22px  !important;
}
.ico-pageup { 
	float: right;
	display: inline-block;
	background: url(../img/ico-pageup.gif) no-repeat right 5px;
	margin-top: 2em;
	padding:2px 12px 2px 0;
	font-size: 91.7%;
}
.ico-pdf { 
	background: url(../img/ico-pdf.gif) no-repeat left 3px !important;
	padding:2px 0 2px 22px !important;
}

/* !list ------------------------------------------------------------------ */
.ico-list01 li,
a.ico-list01 {
	background: url(../img/ico-list01.png) no-repeat left 5px !important;
	padding:2px 0 2px 19px !important;
}
	background: url(../img/ico-list01.png) no-repeat left 5px !important;
	padding:2px 0 2px 19px !important;
}
.ico-list02 li{
	background: url(../img/ico-list02.gif) no-repeat left 5px !important;
	padding:0 0 2px 15px !important;
}
.ico-dot li{
	background: url(../img/ico-dot.gif) no-repeat 2px 7px !important;
	padding-left: 17px  !important;
}
.ico-arrow li {
	background: url(../img/ico-arrow.gif) no-repeat left 8px  !important;
	padding-left: 17px  !important;
	padding: 2px  5px 2px 18px  !important;
}
.ico-right li{
	background: url(../img/ico-right.png) no-repeat left 5px  !important;
	padding:0 0 5px 15px  !important;
}


/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}


/* !width  ---------------------------------------------------------------- */
/*
.w100 { width: 100px !important; }
.w200 { width: 200px !important; }
.w300 { width: 300px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w400 { width: 400px !important; }
.w420 { width: 420px !important; }
*/

/* !clearfix  ---------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac･*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/*End hide from IE-mac */

.clear { clear: both; }

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

.outer-header {
	text-align: center;
	background-color: #ffffff;
}

.header {
	text-align: center;
	margin: 0 auto;
	position: relative;
}

.header .logo{
	background: url(../img/logo-sp.gif) no-repeat center top;
	background-size: contain;
	height: 73.6px;
	width: 212px;
	margin-left: 10px;
}

.header .logo a{
	display: block;
	height: 100%;
	text-indent: -9999pt;
	width: ;
}

.header ul.btn-lang {
	display: none;
	padding-bottom: 10px;
}

.header ul.btn-lang li:first-child {
	border-left: 1px dotted #ccc;
}
.header ul.btn-lang li {
	border-right: 1px dotted #ccc;
	display: inline-block;
}

.header ul.btn-lang li a {
	display: block;
	padding: 0 5px;
}

.header ul.btn-lang li#btn-lang-first {
}

.header ul.btn-lang li#btn-lang-last {
}





.area-search {
	padding-bottom: 10px;
}

.area-search .search-txt {
	border: 1px solid #a5acb2;
}

/* !global navi  ---------------------------------------------------------------- */
.sp-menu-btn {
	background: #00B050;
	color: #fff;
	text-align: center;
	padding: .3em 0;
	cursor: pointer;
	font-size: 18px;
	display: block !important;
}
.outer-g-navi {
	display: none;
}

.g-navi {
	/*background: url(../img/g-navi.png) no-repeat center top;*/
	width: auto;
	margin: 0 auto;
}
.g-navi li{
}
.g-navi li a{
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/g-navi-bg.png) no-repeat center -5px;
	background-size: auto 120%;
	padding: 10px 0;
}



/* !layout  ---------------------------------------------------------------- */
#home .outer-content {
	text-align: center;
	padding-top: 10px;
	background: url(../img/top-illust-bg.png) no-repeat center top;
}

.under .outer-content {
	text-align: center;
	/*
	background: url(../img/under-illust-bg.gif) repeat-x center -15px;
	background-size: 50% auto;
	*/
}

.outer-content .content {
	width: auto;
	margin: 0 auto;
	font-size: 110%;
}

.main-content {
	text-align: left;
	padding: 0 15px 30px;
}

.under .main-content {
	text-align: left;
	padding: 0 0 30px;
}

/* !sidebar  ---------------------------------------------------------------- */

.sidebar {
	width: auto;
	padding: 0 15px;
	text-align: center;
}

.sidebar p {
	text-align: center;
}

.sidebar p a img {
	width: 100%;
	height: auto;
}

.sidebar ul.other-menu {
	border: 8px solid #c9ae86;
	background-color: #315b37;
	margin-bottom: 1em;
	text-align: center;
}

.sidebar ul.other-menu li{
	padding-bottom: 4px;
	background: url(../img/line-chalk.gif) no-repeat center bottom;
}

.sidebar ul.other-menu li:first-child {
	padding-bottom: 4px;
	position: relative;
}

.sidebar ul.other-menu li:first-child a {
	display: block;
	position: relative;
	width: 208px;
	margin: 0 auto;
	padding: 5px 0;
}

.sidebar ul.other-menu li:first-child a span {
	display: block;
	position: absolute;
	color: #fff;
	top: 28px;
	left: 58px;
	line-height: 1.6;
	font-size: 10px;
	width: 180px;
	text-align: left;
}
.sidebar ul.other-menu li:last-child {
	background: none;
}




.sidebar ul.other-menu li#other-menu-last {
	background: none;
}

.sidebar ul.other-menu li a {
	display: block;
	padding: 5px  0px;
}

.sidebar address {
	border-bottom: 1px dotted #333333;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.sidebar address a {
	display: block;
	width: 82px;
	margin: 0 auto;
}

.sidebar address strong{
	font-weight: bold;
	font-size: 120%;
	display: block;
}

.sidebar ul {
	padding-bottom: 5px;
}

.fb-page {
	margin: 0 auto;
}
/* !footer  ---------------------------------------------------------------- */
.page-top {
	margin: 0 auto;
	width: auto;
	padding-right: 15px;
	text-align: right;
	background: url(../img/bottom-house.png) no-repeat left bottom;
	height: 60px;
}

.outer-footer-navi {
	background: url(../img/bottom-tree.png) repeat-x left bottom;
	height: 92px;
	margin-top: 30px;

}

.outer-footer-navi ul{
	margin: 0 auto;
	width: auto;
	padding-top: 6px;
}

.outer-footer-navi ul li{
	margin-right: 0;
	font-size: 10px;
	padding: 0 2px;
	display: inline-block;
	background-size: 2px 3.5px;
}

.footer {
	background: url(../img/footer-bg.jpg) no-repeat center;
	height: 100px;
}

.footer p{
	margin: 0 auto;
	width: auto;
	text-align: right;
	color: #ffffff;
	font-size: 80%;
	padding-top: 20px;
	background: url(../img/footer-logo.png) no-repeat center 20px;
}

.footer p strong{
	display: block;
	text-align: center;
	padding-top: 30px;
}


.entry ul.detail_cats li {
	display: inline-block;
	background: none;
	padding: 0 0 0;
}

.entry ul.detail_cats {
	text-align: center;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
	
}
.entry-meta {
	zoom: 1;
	overflow: hidden;
}
ul.detail_cats li a {
	width: 75px;
	display: block;
	float: left;
	margin-left: 15px;
	color: #ffffff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: center;
	font-size: 90%;
	line-height:1;
	padding: 3px 0;
	margin-top: 1px;
	text-decoration: none;
}
ul.detail_cats li a {
	width: 110px;
	margin-left: 5px;
	padding: 0 0;
	height: 23px;
	line-height: 23px;
}
ul.detail_cats li a {
	margin-left: 0;
}
ul.detail_cats li.report a:hover { 
	background-color: #E68A11; border: 1px solid #E68A51; 
}

ul.detail_cats li.event a:hover { 
	background-color: #e6937b; border: 1px solid #e54417; 
}
ul.detail_cats li.volunteer a:hover {
	background-color: #afc35a; border: 1px solid #658a0e;
}
ul.detail_cats li.info a:hover {
	background-color: #7eb6d0; border: 1px solid #1596d1;
}
ul.detail_cats li.report a {
	background-color: #E68A11; border: 1px solid #E68A51; 
}
ul.detail_cats li.event a {
	background-color: #e54417; border: 1px solid #e54417; 
}
ul.detail_cats li.volunteer a { 
	background-color: #658a0e; border: 1px solid #658a0e; 
}
ul.detail_cats li.info a{ 
	background-color: #1596d1; border: 1px solid #1596d1; 
}
ul.detail_cats li.report a:hover {
	background-color: #f1b76a; border: 1px solid #e68a11;
}
ul.detail_cats li.report a{ 
	background-color: #e68a11; border: 1px solid #e68a11; 
}


.alllist {
	margin-bottom: 25px;
	text-align: right;
}

.alllist a {
	background: url(../img/ico-list03.png) no-repeat right 2px;
	padding-right: 15px;
}

/* SNSアイコン */
.social-icons {
	position: absolute;
	top: 15px;
	right: 15px;
	display: flex;
	gap: 10px;
}
.social-icons img {
	width: 48px;
	height: auto;
	transition: opacity 0.3s;
}
.social-icons img:hover {
	opacity: 0.8;
}


/* スマホ ダミー google_translate */
.google_translate {
	background: #fff;
	display: flex;
	height: 57px;
	border-bottom: 1px solid rgb(218,220,224);
	color: #616161;
	align-items: center;
	flex-flow: wrap;
	line-height: 15px;
}
.google_translate div:nth-of-type(1) {
	width: 44px;
	text-align: center;
}
.google_translate div:nth-of-type(1) a {
	margin-left: 16px;
}

.google_translate div:nth-of-type(2) {
	width: 75px;
	text-align: center;
}
.google_translate div:nth-of-type(3) {
	width: 20px;
	text-align: center;
}
.google_translate div:nth-of-type(4) {
	width: 200px;
	text-align: left;
}


select.lang_select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  color: #616161;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  height: 23px;
  display: inline-block;
  margin-left: 20px;
	height: 15px;
	line-height: 15px;
}

.google_translate span.arrow {
  position: relative;
  display: inline-block;
  width: 10%;
  height: 10px;
  color: #616161;
}

.google_translate span.arrow::before,
.google_translate span.arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: 10px;
  border-radius: 9999px;
  background-color: #616161;
  transform-origin: 50% calc(100% - 1px);
  color: #616161;
}

.google_translate span.arrow::before {
  transform: rotate(45deg);
}

.google_translate span.arrow::after {
  transform: rotate(-45deg);
}