@charset "utf-8";



/* 共通
----------------------------------------------------------- */

#pages #topimg{
	height:170px;
	background-image: url(../images/topimg_bg_p.jpg);
} 

#topimg h2{
	width:1000px;
	text-align:right;
	padding-top:90px;
	margin:0 auto;
	left:0;
	right:0;
}

#pages .contents-inn {
	width:1000px;
	margin:0 auto 0;
	padding-bottom:62px;
}

#pages .lekumo-contents-inn {
	width:1000px;
	margin:50px auto 0;
	padding-bottom:62px;
}

.contents-inn h3{
	width:940px;
	height:48px;
	margin:50px auto 20px;
	background:url(../images/h3_bg.jpg) no-repeat top left;
	font-size:1.9em;
	padding-left:42px;
	letter-spacing:0.2em;
	line-height:49px;
	color: #4BAE57;
	font-weight:bold;
}


/* 社協について
----------------------------------------------------------- */

p.ab1{
	width:900px;
	margin:0 auto 0;
	font-size:1.4em;
}

.st1{
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	letter-spacing:0.1em;
	font-size:1.1em;
}

p.ab1 .fa {
	margin:0 5px;
}

ul.ab1{
	width:900px;
	margin:15px auto 30px;
	font-size:1.4em;
	list-style-type: decimal;
	padding-left:60px;
}
ul.ab1-2{
	font-size:1em;
	list-style-type: decimal;
	padding-left:60px;
}
.txt_R{
	text-align:right;
}

div.ad_zu{
	width:900px;
	margin:40px auto 60px;
	text-align:center;
}

div.ad_map{
	width:900px;
	height:500px;
	margin:40px auto 20px;
	border:#FFFFFF 4px solid;
}

.buttona{
	width:210px;
    font-size:1.4em;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:5px 0;
    color:#ffffff !important;
	 background-color: #15A66C;
	 border:1px solid #15A66C;
	 border-radius:5px;
	 margin:20px 0 0 65px;
	 letter-spacing:0.1em;
}

.buttona:hover {
	background-color: #ffffff;
	border:1px solid #15A66C;
	color: #15A66C !important;
	text-decoration:none !important;
}

.buttona .fa{
	margin-left:8px;
}

/* ボランティア
----------------------------------------------------------- */

p.vo1{
	width:900px;
	margin:30px auto 0;
	font-size:1.4em;
	font-weight:bold;
}

p.vo3 .fa{
	color:#6FC201;
	margin-right:5px;
}

ul.vo1{
	width:900px;
	margin:15px auto 30px;
	font-size:1.4em;
	list-style-type: decimal;
	padding-left:60px;
}

ul.vo1 li{
	margin-bottom:10px;
}

ul.vo1 strong{
	color: #FF6600;
}

p.vo2{
	width:865px;
	margin:0 auto 20px;
	font-size:1.4em;
	padding-left:35px;
}

p.vo3{
	width:900px;
	margin:20px auto 0;
	font-size:1.4em;
	font-weight:bold;
}

.wrap-vo-box{
	width:900px;
	margin:20px auto 0;
	background: url(..images/vo-pic-tree.png) no-repeat;
}

.vo-wrap{
background: url("../images/vo-pic-tree.png") no-repeat;
background-position: bottom 10px center;
}

.vo-title{
margin-bottom: 0.5em;
	font-size:1.9em;
	font-weight: 700;
	color: #41A049;
	text-align: center;
}
.vo-box-title{
	margin-bottom: 0.5em;
	font-size:1.8em;
	text-decoration: underline;
	text-align: center;
}
.vo-box-p{
	font-size:1.4em;
	text-align: center;
}

.float-left{
	float: left;
}

.vo-box-alt{
	width:280px;
	/*width:231px;
	height: 150px;*/
	border: none;
	background: url("../images/vo-illustration.png") no-repeat;
	background-size: cover;
}
.vo-box-p-alt{
	padding: 8px;
	margin: 24px auto 32px auto;
	border-radius: 16px;
	background-color: #A1E8FD;
}

/* .section-cards-wrap{
padding: 0 64px;
} */

.cards-wrap{
	margin: 32px 0;
	padding: 0 64px 24px 64px;
}
 .cards {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 常に2列（前提OKとのこと） */
    gap: 32px;
  }

  .card {
    border: 1px solid #ccc;
    padding: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* 高さはJSで決めるので固定しない（自動計測のため） */
  }

  .card h3 { margin: 0 0 8px; font-size: 16px; }
  .card p  { margin: 0; font-size: 14px; }

  /* 5番目（除外対象）は2列ぶん＆高さは内容次第（個別） */
  .card--wide { grid-column: span 2; }

  /*vo-box detail*/

.vo-box{
	position: relative;
	padding: 32px;
	/* width:280px;
	padding:16px; */
	border: solid 4px #44B25B;
	border-radius: 24px;
	box-sizing: border-box;
	text-align: left;
}
.vo-box-border-none{
	border: none;
}
.vo-box-border-white{
	border: solid 2px #ffffff;
}
.vo-box-bg-green{
	background-color: #BFEFB5;
}
.vo-box-bg-pink{
	background-color: #FFC5C2;
}
/*202400824 add*/
.vo-bg-yellow{
	background-color: #FFE98C;
}
.vo-bg-blue{
	background-color: #A0E5FF;
}
.vo-bg-purple{
	background-color: #e5d4ff;
}
.vo-bg-gray{
	background-color: #D0F5F0;
}
.vo-bg-pale{
	background-color: #F0FFED;
}

.vo-pic-position{
	display: block;
	position: absolute;
	top: -25px;
	left: 0;
	width:64px;
	
}
.vo-pic-position.roudoku{
	top: -20px;
}
.vo-pic-position.asobiba{
	top: -20px;
	width:72px;
}
.vo-pic-position.rainbow{
	top: -40px;
	width:80px;
}

   ul.icon-list {
      list-style: none; /* デフォルトのブレットを消す */
      padding-left: 0;
    }
    ul.icon-list li {
      position: relative;
      padding-left: 1.5em; /* アイコン分のスペース */
      margin-bottom: 0.5em;
	  font-size: 1.4em;
    }
    ul.icon-list li::before {
      content: "\f005";/* Font Awesome のアイコンコード (チェック) */
     font-family: FontAwesome;
      font-weight: 900; /* solid アイコン用 */
      position: absolute;
      left: 0;
      color: #333;
    }


/* リンク
----------------------------------------------------------- */

table.linkT{
width:860px;
margin:0 auto 20px;
font-size:1.4em;
border-bottom: #CCCCCC 1px dotted;
background-color:#FFFFFF;
}

table.linkT th{
width:300px;
padding:8px 0;
text-align: left;
vertical-align:middle;
border-top: #CCCCCC 1px dotted;
}

table.linkT td{
padding:8px 0;
text-align: left;
vertical-align:middle;
border-top: #CCCCCC 1px dotted;
}

table.linkT td .fa{
	margin-left:8px;
}


table.linkT th:before {
content: "\f0da";
font-family: FontAwesome;
color:#9CDCC3; 
margin:0 8px 0 10px;
}

/* 事業概要
----------------------------------------------------------- */

p.bu1{
	width:900px;
	margin:0 auto 0;
	font-size:1.4em;
}

p.bu2{
	width:900px;
	margin:10px auto 10px;
	font-size:1.4em;
}

p.bu3{
	width:900px;
	margin:30px auto 0;
	font-size:1.4em;
}

p.bu4{
	width:900px;
	margin:10px auto 0;
	font-size:1.4em;
}


p.bu1 .fa {
	margin:0 5px;
}

	 
p.bu2 .fa {
	margin:0 5px;
}

p.bu4 .fa {
	margin:0 5px 0 10px;
}

table.bihin{
	width:900px;
	font-size:1.4em;
/*	float:left;*/
}

table.bihin th{
	text-align:center;
	border:1px solid #CCCCCC;
	padding:5px;
	background-color:#EEEEEE;
}

table.bihin td{
	border:1px solid #CCCCCC;
	padding:5px;
}

table.common{
	width:900px;
	margin:10px auto 10px;
	font-size:1.4em;
}
table.common th{
	text-align:center;
	vertical-align: middle;
	border:1px solid #CCCCCC;
	padding:5px;
	background-color:#EEEEEE;
}
table.common td{
	border:1px solid #CCCCCC;
	padding:5px;
}
.td-rowspan{
	vertical-align: middle;
	text-align: center;
	
}

table.table-transparent{
	border: none;
}
table.table-transparent td,table.table-transparent th{
	border: none;
	background: none;
	text-align: left;
}
table.table-transparent th{
	width:160px;
}


table.bihin td.tc{
	text-align:center;
}

div.bihinbox{
	width:900px;
	margin:10px auto 0;
}

/*
div.bihinbox img{
	float:right;
}
*/

div.bihinbox h4{
	border-left: 7px solid #15a66c;
    color: #4d4443;
    font-size: 1.4em;
    letter-spacing: 0.1em;
    margin: 0 0 10px;
    padding: 2px 0 2px 10px;
	 line-height:1;
}


/*Flexbox　備品の写真*/
.c-bihin{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	 justify-content:center; 
	margin-top: 20px;
	margin-bottom: 40px;
	}
.c-bihin.last{
	margin-bottom: 0;
	}
.img-bihin{
/*
	display: inline-block;
	margin-right: 10px
*/
}

h4.c3{
	border-left: 7px solid #15a66c;
    font-size: 1.4em;
    letter-spacing: 0.1em;
    margin: 0 0 10px 40px;
    padding: 2px 0 2px 10px;
	 line-height:1;
	 font-weight:bold;
	 
}

h4.h4-commmon{
	width:883px;
	margin:10px auto;
	font-size:1.4em;
	font-weight: bold;
	padding: 4px 0 4px 10px;
	border-left: 7px solid #15a66c;
    color: #4d4443;
    letter-spacing: 0.1em;
	line-height:1;
}

.h5-commmon{
	width:900px;
	margin:10px auto;
	font-size:1.4em;
	font-weight: bold;
	padding: 4px 0 4px 0;
    color: #4d4443;
    letter-spacing: 0.1em;
	line-height:1;
}

/* .tab-box --------------------------------- */
.tab-box ul.tab {
	position: relative;
	height: 50px;
}
.tab-box ul.tab li {
	position: absolute;
	top: 0;
}
.tab-box ul.tab li.tab-1 { left: 0; }
.tab-box ul.tab li.tab-2 { left: 333px; }
.tab-box ul.tab li.tab-3 { left: 666px; }
.tab-box ul.tab li a {
	display: block;
	line-height: 1.2;
	text-align: center;
	font-size:1.8em;
	letter-spacing:0.1em;
	background:url(../images/tab_bg1.jpg) top center no-repeat;
	padding-top:15px;
}


.tab-box ul.tab li.tab-1 a { width: 333px; }
.tab-box ul.tab li.tab-2 a { width: 333px; }
.tab-box ul.tab li.tab-3 a { width: 333px; }
.tab-box-cr-1 ul.tab li.tab-1 a,
.tab-box-cr-2 ul.tab li.tab-2 a,
.tab-box-cr-3 ul.tab li.tab-3 a {
	cursor: default;
}

.tab-box ul.tab li a:link,
.tab-box ul.tab li a:visited,
.tab-box ul.tab li a:hover,
.tab-box ul.tab li a:active {
	color:#6BC200;
	text-decoration:none;
}
.tab-box ul.tab li a:hover,
.tab-box ul.tab li a:active {
	background:url(../images/tab_bg3.jpg) top center no-repeat;
}

.tab-box-cr-1 ul.tab li.tab-1 a:link,
.tab-box-cr-1 ul.tab li.tab-1 a:visited,
.tab-box-cr-1 ul.tab li.tab-1 a:hover,
.tab-box-cr-1 ul.tab li.tab-1 a:active,
.tab-box-cr-2 ul.tab li.tab-2 a:link,
.tab-box-cr-2 ul.tab li.tab-2 a:visited,
.tab-box-cr-2 ul.tab li.tab-2 a:hover,
.tab-box-cr-2 ul.tab li.tab-2 a:active,
.tab-box-cr-3 ul.tab li.tab-3 a:link,
.tab-box-cr-3 ul.tab li.tab-3 a:visited,
.tab-box-cr-3 ul.tab li.tab-3 a:hover,
.tab-box-cr-3 ul.tab li.tab-3 a:active {
	color: #FFFFFF;
	background:url(../images/tab_bg2.jpg) top center no-repeat;
	text-decoration:none;
}
.tab-box ul.tab li a .in {
	display: block;
}
.tab-box ul.tab li a:hover .in,
.tab-box ul.tab li a:active .in {

}
.tab-box-cr-1 ul.tab li.tab-1 a:link .in,
.tab-box-cr-1 ul.tab li.tab-1 a:visited .in,
.tab-box-cr-1 ul.tab li.tab-1 a:hover .in,
.tab-box-cr-1 ul.tab li.tab-1 a:active .in,
.tab-box-cr-2 ul.tab li.tab-2 a:link .in,
.tab-box-cr-2 ul.tab li.tab-2 a:visited .in,
.tab-box-cr-2 ul.tab li.tab-2 a:hover .in,
.tab-box-cr-2 ul.tab li.tab-2 a:active .in,
.tab-box-cr-3 ul.tab li.tab-3 a:link .in,
.tab-box-cr-3 ul.tab li.tab-3 a:visited .in,
.tab-box-cr-3 ul.tab li.tab-3 a:hover .in,
.tab-box-cr-3 ul.tab li.tab-3 a:active .in {
	
}

.tab-box ul.tab li a .in-2 {
	display: block;
	height: 50px;
	font-weight: bold;
}

.tab-box ul.tab li a:hover .in-2,
.tab-box ul.tab li a:active .in-2 {
}

.tab-box-cr-1 ul.tab li.tab-1 a:link .in-2,
.tab-box-cr-1 ul.tab li.tab-1 a:visited .in-2,
.tab-box-cr-1 ul.tab li.tab-1 a:hover .in-2,
.tab-box-cr-1 ul.tab li.tab-1 a:active .in-2,
.tab-box-cr-2 ul.tab li.tab-2 a:link .in-2,
.tab-box-cr-2 ul.tab li.tab-2 a:visited .in-2,
.tab-box-cr-2 ul.tab li.tab-2 a:hover .in-2,
.tab-box-cr-2 ul.tab li.tab-2 a:active .in-2,
.tab-box-cr-3 ul.tab li.tab-3 a:link .in-2,
.tab-box-cr-3 ul.tab li.tab-3 a:visited .in-2,
.tab-box-cr-3 ul.tab li.tab-3 a:hover .in-2,
.tab-box-cr-3 ul.tab li.tab-3 a:active .in-2 {
	
}

.tab-box {
	margin-top:50px;
}

.tab-box .box {
	margin-bottom:30px;
}
.tab-box .box .content {
	
}
.tab-box .box .content-1 {
	display: block;
}

/* お知らせ
----------------------------------------------------------- */

#alpha {
	float:left;
	width:700px;
	margin-left:20px;
}

#alpha-inner {
	margin-left:10px;
	margin-right:10px;
}


#beta {
	float:right;
	width:200px;
}

.entry{
	margin-bottom:60px;
}

.lekumo-contents-inn h3.entry-header {
    background:url(../images/h3_bg.jpg) no-repeat top left;
	height:48px;
	margin:0px auto 10px;
	font-size:1.9em;
	padding-left:42px;
	letter-spacing:0.2em;
	line-height:49px;
	color: #4BAE57;
	font-weight:bold;
}

.lekumo-contents-inn h3.entry-header a:link{
	color: #4bae57;
	font-weight:bold;
}


.lekumo-contents-inn h2.content-header{
	font-size:2em;
	font-weight:bold;
	margin:0px auto 50px;
	color:#888888;
	padding-left:10px;
	letter-spacing:0.2em;
}

.lekumo-contents-inn h2.content-header:before {
    font-family: 'FontAwesome';
    content: '\f0c8';
	 margin:0 5px 0 0;
	 color:#15a66c;
}

p.date-header {
	text-align:right;
	 font-size: 1.2em;
	 line-height:1;
}

.entry-content {
	padding:20px;
	font-size: 1.4em;
	margin-top:20px;
}

.entry-footer{
	border-top: 1px dotted #c8c8c8;
	text-align:right;
	 font-size: 1.2em;
	 line-height:1;
	 padding-top:8px;
}

p.entry-footer-info .fa{
	margin:0 5px;
	 color:#BBB;
}

.post-footers a:before {    
    font-family: 'FontAwesome';
    content: '\f039';
	 margin:0 5px 0 10px;
	 color:#BBB;
}

span.separator {
	display:none;
}

p.entry-footer-info a.permalink:before {    
    font-family: 'FontAwesome';
    content: '\f15b';
	 margin:0 5px 0 10px;
	 color:#BBB;
}

h2.module-header,
h2.archive-header {
	font-size: 1.5em;
	color:#000;
	margin-bottom:10px;
}

h2.module-header a:link,
h2.archive-header a:link{
    color: #000;
}

h2.module-header a:visited,
h2.archive-header a:visited {
    color: #000;
}

h2.module-header:before,
h2.archive-header:before {    
    font-family: 'FontAwesome';
    content: '\f138';
	 margin:0 5px 0 0;
	 color:#15a66c;
}

ul.module-list,
ul.archive-list {
	font-size: 1.3em;
	margin-bottom:5px;
	margin-left:25px;
}

ul.module-list li,
ul.archive-list li {
	margin-bottom:5px;
}

ul.module-list li:before,
ul.archive-list li:before {    
        font-family: 'FontAwesome';
        content: '\f105';
        margin: 0 5px 0 -10px;
		  color:#15a66c;
    }
	 
.module,
.archive {
	margin-bottom:30px;
    }
	 

.content-nav {
	font-size: 1.2em;
	padding:7px;
	line-height:1;
	text-align:center;
	margin-bottom:40px;
	background-color: #6BC200;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	 color:#FFFFFF;
}

.pager-left{
	float:left;
}

.pager-right{
	float:right;
}

.content-nav a {
	margin:0 10px;
	color:#FFFFFF;
}

p.module-more {
	text-align:right;
	font-size: 1.2em;
}

/*heading styles*/

.vo3{
	width:900px;
	margin:20px auto 0;
	font-size:1.4em;
	font-weight:bold;
}
.fa-color{
	color:#6FC201;
}
.fa-margin-right{
	margin-right:5px;
}