@charset "utf-8";
/*

*/


.non-war-ruling ol li{
	list-style-type:cjk-ideographic;
	padding-left:20px;
	margin-left:20px;
	margin-bottom:20px;
}

/*エリアニュース*/
.official-hp-link {
    color: rgb(255, 255, 255);
    font-size: 12px;
    background-color: #006837;
    width: 76px;
    padding: 5px;
    border-radius: 5px;
    margin-left: 16px;
    vertical-align: middle;
    text-align: center;
}

.pageinfo{
    border-top: 1px solid #b0bdae;
	font-size: 0.75rem;
	margin-bottom: 30px;
}
.pageinfo dt {
    width: 7em;
    float: left;
    clear: both;
    padding: 8px 0;
}

.pageinfo dd {
    padding-left: 7em;
    border-bottom: 1px solid #b0bdae;
    padding: 8px 0;
}


.pageinfo .shopname{
    color: rgb(255, 255, 255);
    font-size: 12px;
    background-color: rgb(124, 175, 34);
    width: 76px;
    padding: 0 5px;
    border-radius: 5px;
    margin-right: 16px;
    display: inline-block;
    text-align: center;
}


.lead{
font-size:1.0rem;
}

@media screen and (max-width: 640px) {
.lead{
font-weight:bold;
}
}


/***ボタン***/
.btn{
	display:inline-block;
    padding: 7px 20px;
	border-radius: 25px;
	text-align: center;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(0deg, #ff8b5f 0%, #FFC107 100%);
    background-image: linear-gradient(0deg, #ff8b5f 0%, #FFC107 100%);
    background-image: -webkit-linear-gradient(0deg, #f76a35 0%, #FFC107 100%);
    background-image: linear-gradient(0deg, #f76a35 0%, #FFC107 100%);
    transition: .4s;
	margin: 1rem 0;
	min-width: 240px;
font-size:large;
}
.btn:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

.btn a:visited,.btn a:link {
color:#FFF;
}
.btn-g{
	display:inline-block;
    padding: 7px 20px;
	border-radius: 25px;
	text-align: center;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #b4ff60 0%, #168e00 100%);
    background-image: linear-gradient(45deg, #b4ff60 0%, #168e00 100%);
    transition: .4s;
	margin: 1rem 0;
	min-width: 240px;

}

.btn-w{
	display: inline-block;
	padding: 7px 0px;
	border-radius: 25px;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	transition: .4s;
	margin: 8px 0;
	min-width: 49%;
	font-size: 0.8rem;
}

.btn-b{
	display: inline-block;
	padding: 7px 20px;
	border-radius: 25px;
	text-align: center;
	text-decoration: none;
	background-color: #e1f5fe;
	transition: .4s;
	margin: 8px 0;
	min-width: 130px;
	font-size: 0.8rem;
}
.text-blue{
	color:#2994cb;

}

.flex-wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.flex-wrap-center{
align-items: center;
}

.flex-menu {
display:flex;
justify-content: center;
flex-direction:row;
flex-wrap: wrap;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}


/***コンテンツメニュー***/
#menu-support{
display:flex;
    
}
#menu-support li{
display:inline;
max-width:120px;
}


/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/

.flex-wrap{
flex-direction:column;
}
}
.contents-menu ul{
margin: 0 auto;
}
.contents-menu ul li {
border:1px solid #DDD;
background-color: white;
float:left;
 /*   width: 19.8%; */
	  width: 12%;
    max-width: 120px;
}

.contents-menu ul li a{
display:block;
}
.contents-menu ul li a:hover{
display:block;
background-color:#EEFBFF;
}



/***サイズ***/

@media screen and (min-width: 640px) {
/*ここにスマホ用スタイルを記述*/

.size50{
width:45%;
}

.col-3{
width:31%;
}

.col-4{
width:23%;
}


.col-2{
width:50%;
padding: 0 20px;
}

.split-4{
width:25%;
float:left;
margin:10px;
}

.flex{
display:flex;
justify-content: space-between;
}
.flexItem {
  flex: 1;
    padding: 0 10px;
	padding: 0 0 0 10px;
}
}







.inline-box{
display:inline-box;
}


/******/
.area-pageTile{
height:320px;
padding-top:20px;
overflow:hidden;
background-image:url(img/common/wrap_bg_pageTitle.jpg);
background-repeat: repeat-x; 
}

.area-pageTile-about{
/*height:400px;*/
padding-top:0px;
/*overflow:hidden;*/
background-image:url(img/common/wrap_bg_pageTitle.jpg);
background-repeat: repeat-x; 
/*margin-bottom: -60px;*/
	height: 400px;
	padding-top: 30px;
}

.area-pageTile-home{
/*height:400px;*/
padding-top:10px;
/*overflow:hidden;*/
background-image:url(img/common/wrap_bg_pageTitle.jpg);
background-repeat: repeat-x; 
/*margin-bottom: -60px;*/
}
/***背景***/


.wrap-bg-cloth
{
background-image:url(img/common/wrap_bg_cloth.jpg);
}

.menu-Wrap{
background-image:url(img/common/wrap_bg_contentcMenu.png);
background-repeat: repeat-x;
background-position: center center;
}

/* ======== コンテンツメニューエリア ======== */


/* ======== お知らせエリア ======== */
.news-bgWrap {
	background-color: #f7f8f8;
	padding-top: 20px;
}

.news-bgWrap ul{
text-align: left;
}

.news-bgWrap ul li a{
display:block;
color: #01579b;
text-indent:10px;
}


.news-bgWrap ul li a:hover{
display:block;
 color: #01579b;
  background-color: #D8D3C4;
  border-radius: 5px;
  width: auto;

}

/** お知らせ福岡一覧 **/
.news-allfukuoka-bgWrap {
	padding-top: 20px;
}

.news-allfukuoka-bgWrap ul{
text-align: left;
}

.news-allfukuoka-bgWrap ul li a{
display:block;
color: #01579b;
text-indent:10px;
}

.news-allfukuoka-bgWrap ul li a:hover{
display:block;
 color: #01579b;
  background-color: #D8D3C4;
  border-radius: 5px;
  width: auto;

}


/**** お問い合わせフォーム ****/

.contact-form table td input {
	border-radius: 3px;
	border: 1px solid #ccc;
	line-height: inherit;
	font: inherit;
}

.contact-form table td select {
	border-radius: 3px;
	border: 1px solid #ccc;
	line-height: inherit;
	font: inherit;
}

.contact-form table td, .contact-form table th {
	padding: 10px;
	text-align:left;
}

.contact-form table th, .contact-form table td { display:block; }

/****  よくある質問 ****/

/** faq	ページ **/
.faqCategory{

}


.faq dt{
	color: #339802;
	font-size:1.3rem;
    line-height: 0px;
	font-weight:bold;
    margin-bottom: 10px;
    padding-left: 70px;

}

.faq dt:before {
	content: "Q";


    background: #339802;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    line-height: 50px;
	font-size:20px;
margin-right: 20px;
    margin-left: -70px;
}


.faq dd {
    padding-bottom: 30px;
    border-bottom: 1px dotted #B2B2B2;
    margin-bottom: 30px;
    padding-left: 70px;
}
.faq dd:before {
	content: "A";
    background: #EEE;
    text-decoration: none;
    color: #339802;
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    line-height: 50px;
	font-size:20px;
margin-right: 20px;
    margin-left: -70px;
font-weight: bold;
}

.faqSearch form input{
font-size:1.2rem;
margin-bottom:20px;
padding:10px;
}




/****  テーブル基本 ****/

.table_gc{
	border-spacing: 0;
	border-collapse: collapse;
	text-align:center;
    margin: 0 auto;
}

.table_gc th,.table_gc td{
	padding: 10px;
	border-top: 1px solid #339802;
	border-left: 1px solid #339802;
	border: 1px solid #339802;
}
.table_gc th:nth-child(n+2){
	border-left: 1px solid #FFF;
}


.table_gc th{
	background: #339802;
	color: #FFFFFF;
	vertical-align: middle;
	font-weight: normal;
}
.stripe tr:nth-child(even) th{
	background: #339802;
}
.table_gc td{
	background: #FFFFFF;

}
.stripe tr:nth-child(even) td{
	background: #f3f3f3;
}
.table_gc th:last-child,.table_gc td:last-child{
	border-right: 1px solid #339802;
}
.table_gc tr:last-child th,.table_gc tr:last-child td{
	border-bottom: 1px solid #339802;
}


.table_top{
	vertical-align: top;
}



/****  機関紙 ****/
.table_journal tr td:nth-child(3){
    text-align:left;
    }



/****  店舗 ****/
.table_shop tr td:nth-child(2){
    text-align:left;
    }


.area_unit_add {   
	background-image:url(img/common/icon_add.svg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:1.5em;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
} 
.area_unit_add a {
    color: #168e00;
}

.area_unit_tel {   
	background-image:url(img/common/icon_tel.svg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:1.5em;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
} 

.area_unit_fax { 
	background-image:url(img/common/icon_fax.svg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:1.5em;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
} 

.area_unit_time {   
	background-image:url(img/common/icon_time.svg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:1.5em;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
} 

.area_unit_holiday {   
	background-image:url(img/common/icon_holiday.svg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:1.5em;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
} 

.area_unit_link, .area_unit_link a {
    margin: 8px auto 0px;

    width: 100px;
    background-color: #339802;
    text-align: center;
    color: #FFF;
    border-radius: 3px;
}


.area_unit{
display:block;
position:relative;
width:23%;
margin-bottom:30px;
font-size: 0.8rem;
}
.area_unit_photo img{
border-radius:10px;
}

/*
.area_unit a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.area_unit a:hover{
    background-color:#FFF;
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}
*/

@media screen and (max-width: 640px) {
.area_unit{
width: 48%;
float:left;
min-height: 210px;
padding-right:0px;
margin-right:2%;
overflow-x:hidden;
}
.area_unit_detail ul li{
font-size:12px;
}
h4{
font-size:1.15rem;
}
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
}

/*タブのスタイル*/
.tab_item {
  text-align: center;
  color: #565656;
  float: left;
  transition: all 0.2s ease;
padding:5px 20px 5px 20px;
margin-right:20px;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#grid:checked ~ #grid_content,
#list:checked ~ #list_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}

.view_toggle{
float:right;
}


@media screen and (max-width: 640px) {
.tab_item {
width:50%;
margin:0;
padding:5px 0;
vertical-align: middle; 
}

}


/*グリーンパーティー*/
.wrap_bg_greenparty {

    background-image: url(img/page/greenparty/wrap_bg_greenparty.jpg);
 background-size:cover;

}


.greenparty-bg-frame{
background-color:rgba(255, 255, 255, 0.95);
border-radius:20px;
padding:20px;
margin-top:20px;
box-shadow:0px 0px 10px;
}


/*震災*/
.btnbox{
border: 1px solid #c6c9d3;
    border-radius: 12px;
    box-shadow: 0 2px 0 0 #c6c9d3;
}

.support-disaster-nav ul li{
float:left;
padding:10px 20px;
}
.support-disaster-nav ul li a:hover {
background-color:#DDD;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
display: block;
    width: 100%;
}
.btn-w {
    display: inline-block;
    padding: 7px 20px;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    background-color: #FFF;
    transition: .4s;
    margin: 8px 0;
    min-width: 130px;
    font-size: 0.8rem;
}












/*今週の青果情報*/

#vegetables-info-topcover {
    background-image: url(img/page/vegetables-info/vegetables-info-topcover.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 300px;
	position: relative;
}

.vegetables-coop-list li{
		background-image: url(img/common/gc_mark.svg);
		background-repeat:no-repeat;
	background-position: 5px 4px;
	background-size: 25px 21px;
}


.vege-item{
border-right: solid 1px #DDD;
    padding: 0px 20px;
    margin: 10px;
    background-color: rgba(253, 255, 252, 0.8784313725490196);
    border-radius: 5px;
	
}
.vege-name {
    color: #168e00;
}
.vege-condition-title, .vege-status-title{
	color: #168e00;
}


.vege-condition-title, .vege-status-title {
    color: #ffffff;
    border-radius: 0 20px 20px 0;
    background-color: #b5a087;
    display: -webkit-box;
    font-size: 1.0rem;
    padding: 2px 17px;
    margin-bottom: 10px;
    margin-left: -20px;
    width: 160px;
}
.vegetables-info-area h3{ margin:10px 0;}
.vegetables-info-area {
/* margin-bottom: -20px; */
    position: relative;
    background-color: #FFF;
    padding: 0px 20px;
    top: 200px;
    width: 435px;
    margin-left: auto;
    margin-right: auto;
}

.vege-condition-title{display:none;}
.test{
    background: #fffffff2;
    color: #316745;
    /* font-size: 18pt; */
    /* width: 80%; */
    border: 2px dashed #d6e9ca;
    border-radius: 5px;
    box-shadow: 0 0 3px 3px #dcedc8;
    /* text-shadow: 0 0 5px; */
	/* padding: 10px; */
}

.vegetables-coop-list{
	
}
.vegetables-coop-list li {
    border-right: solid 1px #DDD;
    padding: 0px 35px;
    margin: 10px;
    background-color: #fdfffce0;
    border-radius: 5px;
	

    font-family: "dnp-shuei-mgothic-std";


    font-size: 1.1rem;
    margin: 18px 0;
    font-style: normal;
    font-weight: 400;
	

}



/***** 青果商品モニター *****/
#monitor-topcover {
	background-image: url(img/page/monitor/monitor-topcover.jpg);
    background-position: center center;
    background-size: cover;
	min-height: 340px;
	position: relative;
}


/* 評価 */
.rate5:after {
  content: '★★★★★';
  display: inline-block;
  overflow: hidden;
  color: orange;
  width: 70px;
}
.rate4:after {
  content: '★★★★☆';
  display: inline-block;
  overflow: hidden;
  color: orange;
  width: 70px;
}
.rate3:after {
	content: '★★★☆☆';
  display: inline-block;
  overflow: hidden;
  color: orange;
  width: 70px;
}
.rate2:after {
  content: '★★☆☆☆';
  display: inline-block;
  overflow: hidden;
  color: orange;
  width: 70px;
}
.rate1:after {
  content: '★☆☆☆☆';
  display: inline-block;
  overflow: hidden;
  color: orange;
  width: 70px;
}
.rate0:after {
	content: '☆☆☆☆☆';
  display: inline-block;
  overflow: hidden;
  color: orange;
  width: 70px;
}

/* 評価顔 */

img[src$=".svg"] {
    width: 100%;
}
.face-1, .face-2, .face-3, .face-a, .face-b, .face-c {
	background-repeat:no-repeat;
	background-position: 5px;
	background-size: 25px 21px;
}

.face-1{
	background-image: url(img/page/monitor/face_1.svg);
}
.face-2{
	background-image: url(img/page/monitor/face_2.svg);
}
.face-3{
	background-image: url(img/page/monitor/face_3.svg);
}
.face-a{
	background-image: url(img/page/monitor/face_a.svg);
}
.face-b{
	background-image: url(img/page/monitor/face_b.svg);
}
.face-c{
	background-image: url(img/page/monitor/face_c.svg);
}

.monitor-face li{
padding: 6px 0 6px 40px;

}





.face-1a, .face-1b, .face-1c, .face-2a, .face-2b, .face-2c, .face-3a, .face-3b, .face-3c {
	background-repeat:no-repeat;
	background-position: 5px;
	background-size: 50px 21px;
}
.face-1a{
	background-image: url(img/page/monitor/face_1a.svg);
}

.face-1b{
	background-image: url(img/page/monitor/face_1b.svg);
}

.face-1c{
	background-image: url(img/page/monitor/face_1c.svg);
}

.face-2a{
	background-image: url(img/page/monitor/face_2a.svg);
}

.face-2b{
	background-image: url(img/page/monitor/face_2b.svg);
}

.face-2c{
	background-image: url(img/page/monitor/face_2c.svg);
}

.face-3a{
	background-image: url(img/page/monitor/face_3a.svg);
}

.face-3b{
	background-image: url(img/page/monitor/face_3b.svg);
}
.face-3c{
	background-image: url(img/page/monitor/face_3c.png);
}
.monitor-comment li{
padding: 6px 0 6px 70px;
    border-bottom: dotted 1px #b5a087;
}

.vege-farmer-image{
	
}
.vege-farmer-message{
	
}

/***** 平和 *****/
#peace-topcover {
	background-image: url(img/page/peace/peace-topcover.jpg);
    background-position: left bottom;
    background-size: cover;
	min-height: 340px;
	position: relative;
}

#peace-topcover .topcover-wrap .topcover-title{
	font-size: 2.8rem;
    text-shadow: 5px 3px 18px #7d7d7d;
    color: #fff;
	font-weight: inherit;
	text-align: center;
    padding-top: 100px;
}

.peace-mean{
	color:#168e00;
}

/***** 放射能検査 *****/
#radiation-topcover {
	background-image: url(img/page/radiation/radiation-topcover.jpg);
    background-position: center center;
    background-size: cover;
	min-height: 340px;
	position: relative;
}

.radiation-result li {
  
    text-align: left;
    max-width: 520px;
    margin: 10px auto;
    position: relative;
    height: 40px;

}
.radiation-result li a {
    border: 1px solid #168e00;
    text-align: left;
    max-width: 640px;
    width: 100%;
    position: absolute;
    line-height: 40px;
    height: 40px;
    text-indent: 40px;
}
.radiation-result li a:hover{
	background-color: #168e00;
	color: #FFF;
transition: 1.0s ;
}

.border-frame{
	color: #168e00;
    border: 1px solid #168e00;
    padding: 10px;
}
.border-bottom{
	color: #168e00;
    border-bottom: 1px solid #168e00;
    padding: 10px;
}


.cover-footnote{
    font-size: 0.7rem;
	right: 5px;
    position: absolute;
    bottom: 3px;
    color: #999;
	
}

/***** 脱原発 *****/
#stop-nuclear-power-topcover {
	background-image: url(img/page/stop-nuclear-power/stop-nuclear-power-topcover.jpg);
	background-position: center;
    background-size: cover;
	min-height: 340px;
	position: relative;
}
#stop-nuclear-power-topcover .topcover-wrap{
    float: right;
    margin-top: 87px;
    margin-right: 20px;
}
#stop-nuclear-power-topcover .topcover-wrap .topcover-title{
	font-size: 2.8rem;
    text-shadow: 5px 3px 18px #7d7d7d;
    color: #fff;
	font-weight: inherit;
}
#stop-nuclear-power-topcover .topcover-wrap .topcover-lead{
	font-size: 1.1rem;
    text-shadow: 5px 3px 18px #7d7d7d;
    color: #fff;
	font-weight: inherit;
}
.greencoop-denki-nav ul{
	margin-bottom:20px;
}

.greencoop-denki-nav li {
  border: 1px solid #168e00;
    min-width: 220px;
	margin: -3px 0px;
    position: relative;
    height: 40px;
    display: inline-block;
    /* width: 220px; */
	    background-color: #FFF;
line-height: 40px;
	font-size: 1rem;
}
.greencoop-denki-nav li a, .greencoop-denki-nav li a:visited{
	color:#168e00;
}
.greencoop-denki-nav li a {
width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.greencoop-denki-nav li a:hover{
	background-color: #168e00;
	color: #FFF;
	
transition: 1.0s ;
}
.greencoop-denki-nav .active {
    color: #FFF !important;
    background-color: #168e00;
    top: -11px;
    margin-bottom: -5px;
}

.gc-btn {
    border: 1px solid #168e00;
    margin: -3px auto;
    position: relative;
    height: 40px;
	max-width: 420px;
    background-color: #80b73f;
    line-height: 40px;
    font-size: 1rem;
    color: #FFF;
}
.gc-btn a{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
}
.gc-btn a:hover{
	background-color: #EEE;
	color: #168e00;
transition: 1.0s ;
}

/***** 遺伝子組み換え *****/
#stop-genetic-recombination-topcover {
	background-image: url(img/page/stop-genetic-recombination/stop-genetic.jpg);
	background-position: right center;
    background-size: cover;
	min-height: 340px;
	position: relative;
}
#stop-genetic-recombination .topcover-wrap .topcover-title{
	font-size: 2.8rem;
    text-shadow: 5px 3px 18px #7d7d7d;
    color: #fff;
	font-weight: inherit;
	text-align: center;
    padding-top: 100px;
}

/***** グリーンコープでんき *****/
#greencoop-denki-topcover {
	background-image: url(img/page/greencoop-denki/greencoop-denki-topcover.jpg);
	background-position: left center;
    background-size: cover;
	min-height: 340px;
	position: relative;
}
#greencoop-denki-topcover .topcover-wrap{
right: 0;
    position: absolute;
    padding: 75px 7px;
}


/***** グリーンコープでんき歴史 *****/
/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
	
.timeline-content > p {	
	    margin-top: 20px;
}
.timeline-date {
	width: 135px;
	float: left;
	margin-top: 20px;
  }
.timeline-content {
	width: 80%;
	float: left;
	border-left: 3px #e5e5d1 solid;
	padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 131px;
    top: 24px;
    border-radius: 100%;
  }
}



/***** ご利用 *****/
.howto-img img{
    border-radius: 100%;
	    width: 160px;
}

.howto-order-calendar{
float: left;
    /* width: 38%; */
    max-width: 403px;
}

.howto-order-flow {
min-width: 480px;
    margin-left: 20px;
    float: left;
    max-width: 56%;
}
.howto-order-step h3{
	border: 3px solid #168e00;
    border-radius: 20px;
}

/***** 環境 *****/
#environment-topcover {
	background-image: url(img/page/environment/environment-topcover.jpg);
	background-position: left bottom;
    background-size: cover;
	min-height: 340px;
	position: relative;
}

#environment-topcover .topcover-wrap .topcover-title {
    font-size: 2.8rem;
	text-shadow: 5px 3px 18px #000000;
    color: #fff;
    font-weight: inherit;
}
#environment-topcover .topcover-lead {
    font-size: 1.2rem;
    text-shadow: 5px 3px 18px #7d7d7d;
    color: #fff;
    font-weight: inherit;
}

/***** 子育て *****/
#child-topcover {
	background-image: url(img/page/child/child-topcover.jpg);
	background-position: right top;
    background-size: cover;
	min-height: 340px;
	position: relative;
}
#child-topcover .topcover-wrap{
left: 10px;
    position: absolute;
    padding: 75px 7px;
}
#child-topcover .topcover-wrap .topcover-title {
    font-size: 2.8rem;
	text-shadow: 5px 3px 18px #000000;
    color: #fff;
    font-weight: inherit;
}
#child-topcover .topcover-wrap .topcover-lead {
    font-size: 1.1rem;
    text-shadow: 5px 3px 18px #000000;
    color: #fff;
    font-weight: inherit;
}
.child-think li{
border-bottom: 1px solid #80b73f;
    line-height: 285%;
    /* margin-left: 100px; */
    /* background-color: #ffffffcf; */
    text-align: center;
    width: 720px;
    margin: auto;

}

/***** くらしのサポート *****/

.td-end-boder{
	    border-bottom: 1px solid #339802;
}


.welfare-history h3{
	    font-size: 1.0rem;
}

/***** ニュース一覧 settings *****/
.info-lists .list-tab ul{
	padding: 0;
	font-size: 0;
}

.info-lists .list-tab li {
	display: inline-block; 
	background:#b5a087;
	color: #ffffff;
	padding: 6px;
	font-size: 0.8rem;
	margin-right:10px;
	cursor: pointer; 
	width: 130px;
}

.list-tab li.select {
    background:#ffffff;
	color: #b5a087;
}

.list-tab li.select:before {
	content: "▶";
}

.list-block .title-area {
	padding-top: 6px;
	display: block;
}
.list-block .title-area .title1{
	color: #006837;
	font-size:0.9rem;
	float:left;
	margin-left: 10px;
}

.list-block .title-area .title2{
	/*font-family: kan415typos-std, sans-serif;*/
	font-size:0.9rem;
	float:left;
	margin-left: 10px;
}

.list-block .title-area .list-button {
	font-size: 0.5rem;
    background-color: #006837;
    color: #ffffff;
    padding: 4px 10px 4px 10px;
    border-radius: 11px;
    float: right;
    margin: 0px 10px 0px 0;
}

.list-block {
	width: 100%;
	background-color:#ffffff;
	border-radius: 15px;
}

.list-block .content {
	clear: both;
    padding: 10px 15px 10px 15px;
}

.list-block .content ul {
    list-style: none;
    font-size: 0.9rem;
	text-align: left;
}

.list-block .content ul li:hover {
	background-color: #EFEBE9;
}

.list-hide {display:none;}

/***** 検索結果 *******/
.pagecontent .search-section {
	margin-bottom: 40px;
}

.pagecontent .search-section a {
	color: #509400;
}