@charset "utf-8";
/* ****************************************************
1.sidenavi（まちなか緑化）
2.sidenavi（界わい緑化）
3.実績共通
4.過去の実績共通
***************************************************** */

/*==================================
1.sidenavi（まちなか緑化）
==================================*/
/*naviList
------------------------------*/
.jisseki #sidenavi .naviList {
	border: none;
	background: #d5e2b2;
	margin-bottom: 2em;
	text-align: center !important;
}
.jisseki #sidenavi .naviList li {
	border-top: dotted 1px #318502;
}
.jisseki #sidenavi .naviList li a {
	color: #225702;
}
.jisseki #sidenavi .naviList li:first-child a, .jisseki #sidenavi .naviList li:first-child a:hover {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
	-o-border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
	-ms-border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
}
.jisseki #sidenavi .naviList li:last-child a, .jisseki #sidenavi .naviList li:last-child a:hover {
	/*border: solid 1px;*/
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
	-o-border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
	-ms-border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
}
.jisseki #sidenavi .naviList li a, .jisseki #sidenavi .naviList li a:hover {
	border-radius: 0px;
}
.jisseki #sidenavi .naviList li a:hover {
	background-color: #BAC69B;
}
.jisseki #sidenavi .naviList li.nav1 a {
	color: #225702;
}
/*下層反転
------------------------------*/
.jisseki_list #sidenavi .naviList li.nav1 a,
.asakusa #sidenavi .naviList a.nav2, 
.kugayama #sidenavi .naviList a.nav3, 
.nakano #sidenavi .naviList a.nav4,
.ikebukuro #sidenavi .naviList a.nav5,
.kiba #sidenavi .naviList a.nav6 {
	background-color: #BAC69B;
}
.asakusa_past .naviList a.nav2,
.kugayama_past .naviList a.nav3,
.nakano_past .naviList a.nav4,
.ikebukuro_past .naviList a.nav5,
.kiba_past .naviList a.nav6 {
	background-color: #C8D1AF;
}
.jisseki .pastRecord .naviList a.navSub,
.jisseki .pastRecord .naviList a.navSub2 {
	background-color: #BAC69B !important;
}
.jisseki .naviList a.navSub,
.jisseki .naviList a.navSub2 {
	background-color: #C8D1AF;
}
.jisseki .naviList a.navSub2 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
/*下層反転-radius0
------------------------------*/
#sidenavi .naviList .navSub,
.kiba #sidenavi .naviList a.nav6, 
.kiba_past #sidenavi .naviList a.nav6 {
	border-radius: 0px !important;
}
/*==================================
2.sidenavi（界わい緑化）
==================================*/
/*naviList
------------------------------*/
.jissekiKaiwai #sidenavi .naviList {
	border: none;
	background: #FDE899;
	margin-bottom: 2em;
	text-align: center !important;
}
.jissekiKaiwai #sidenavi .naviList li {
	border-top: dotted 1px #BE7A1D;
}
.jissekiKaiwai #sidenavi .naviList li:first-child {
	border-top: none;
}
.jissekiKaiwai #sidenavi .naviList li a {
	color: #000111;
}
.jissekiKaiwai #sidenavi .naviList li:first-child a, .jissekiKaiwai #sidenavi .naviList li:first-child a:hover {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
	-o-border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
	-ms-border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
}
.jissekiKaiwai #sidenavi .naviList li:last-child a, .jissekiKaiwai #sidenavi .naviList li:last-child a:hover {
	/*border: solid 1px;*/
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
	-o-border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
	-ms-border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
}
.jissekiKaiwai #sidenavi .naviList li a, .jissekiKaiwai #sidenavi .naviList li a:hover {
	border-radius: 0px;
}
.jissekiKaiwai #sidenavi .naviList li a:hover {
	background-color: #f7c066;
}
.jissekiKaiwai #sidenavi .naviList li.nav1 a {
	color: #000111;
}
/*下層反転
------------------------------*/
.kaiwai_list #sidenavi .naviList li.nav1 a,
.tosimaku #sidenavi .naviList a.nav2,
.minatoku #sidenavi .naviList a.nav3, 
.komae #sidenavi .naviList a.nav4, 
.mitaka #sidenavi .naviList a.nav5,
.hachioji #sidenavi .naviList a.nav6{
	background-color: #f7c066;
}
.tosimaku_past .naviList a.nav2, 
.minatoku_past .naviList a.nav3, 
.komae_past .naviList a.nav4, 
.mitaka_past .naviList a.nav5,
.hachioji_past .naviList a.nav6{
	background-color: #f9cd85;
}
.jissekiKaiwai .pastRecord .naviList a.navSub, 
.jissekiKaiwai .pastRecord .naviList a.navSub2 {
	background-color: #f7c066 !important;
}
.jissekiKaiwai #sidenavi .naviList a.navSub, 
.jissekiKaiwai #sidenavi .naviList a.navSub2 {
	background-color: #f9cd85;
} 
.jissekiKaiwai #sidenavi .naviList a.navSub2 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
/*下層反転-radius0
------------------------------*/
#sidenavi .naviList .navSub, 
.hachioji #sidenavi .naviList a.nav6, 
.hachioji_past #sidenavi .naviList a.nav6 {
	border-radius: 0px !important;
}
/*==================================
3.実績共通
==================================*/

/*.jissekiIndexMap
------------------------------*/

.jissekiIndexMap {
	margin-top: 2em;
	border: solid 2px #318502;
}
.jissekiIndexMap > img {
	display: inline-block;
}
.jissekiIndexMap img + div {
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
}
.jissekiIndexMap li {
	margin: 1em 0 1em;
}

/*---スマートフォン用---*/
@media (max-width: 768px) {
.jissekiIndexMap img + div {
	margin-left: 1em;
}
}

@media (max-width: 414px) {
.jissekiIndexMap > img {
	width: 100%;
}
}
/*.jissekiIndexMap(界わい緑化)
------------------------------*/

.jissekiKaiwai .jissekiIndexMap {
	margin-top: 2em;
	border: solid 2px #dfab2c;
}
/*.jissekiLayout
------------------------------*/

.jissekiLayout {
	display: table;
	width: 100%;
	margin-top: 1.6em;
}
.jissekiLayout h3 {
	border-left: solid 1.6em #318502;
	padding-left: 0.5em;
	margin-bottom: 0.6em;
}
.jissekiLayout > div {
	display: table-cell;
	vertical-align: top;
}
.jissekiLayout > div:first-child {
	float: left;
	margin-right: 1em;
}
.jissekiLayout > div ol {
	overflow: hidden;
	font-size: 78%;
	margin-top: 0.5em;
}
.jissekiLayout > div ol li {
	margin-top: 0.3em;
}
.ploatColor_a, .ploatColor_b, .ploatColor_c, .ploatColor_d, .ploatColor_e, .ploatColor_f, .ploatColor_g, .ploatColor_h, .ploatColor_i {
	padding-left: 0.5em;
}
.ploatColor_a {
	border-left: solid 1.6em #1f893b;
}
.ploatColor_b {
	border-left: solid 1.6em #375297;
}
.ploatColor_c {
	border-left: solid 1.6em #d6971b;
}
.ploatColor_d {
	border-left: solid 1.6em #00a0e9;
}
.ploatColor_e {
	border-left: solid 1.6em #16902e;
}
.ploatColor_f {
	border-left: solid 1.6em #365297;
}
.ploatColor_g {
	border-left: solid 1.6em #8dc320;
}
.ploatColor_h {
	border-left: solid 1.6em #f39601;
}
.ploatColor_i {
	border-left: solid 1.6em #01a0e9;
}
/*.jissekiLayout(界わい緑化)
------------------------------*/
.jissekiKaiwai .jissekiLayout h3 {
	border-left: solid 1.6em #BA5A28;
	color: #BA5A28;
}
.ploatColor_j, .ploatColor_k, .ploatColor_l {
	padding-left: 0.5em;
}
.ploatColor_j {
	border-left: solid 1.6em #88b929;
}
.ploatColor_k {
	border-left: solid 1.6em #e99212;
}
.ploatColor_l {
	border-left: solid 1.6em #8fc31f;
}

/*---スマートフォン用---*/
@media (max-width: 768px) {
.jissekiLayout > div {
	display: block;/*vertical-align: top;*/
}
.jissekiLayout > div:first-child {
	float: none;
	margin-right: 0;
	margin-bottom: 1em;
}
.jissekiLayout > div:last-child img {
	display: block;
	margin: 0 auto;
}
}
/*.newsArea（実績）
------------------------------*/
.newsList {
	margin-top: 1em;
	padding: 1em 0;
	border-top: dotted 1px #6baf46;
	border-bottom: dotted 1px #6baf46;
}
.jissekiKaiwai .newsList {
	margin-top: 1em;
	padding: 1em 0;
	border-top: dotted 1px #ebc524;
	border-bottom: dotted 1px #ebc524;
}
.newsList dl {
	overflow: hidden;
	width: 100%;
	line-height: 2;
}
.newsList dt {
	float: left;
	clear: both;
}
.newsList dd {
	padding: 0 0 5px 20%;
}
#newsArea > p {
	margin-top: 2em;
	font-size: 86%;
}

/*---スマートフォン用---*/
@media (max-width: 768px) {
.newsList dt {
	font-weight: bold;
	float: none;
}
.newsList dd {
	padding: 0 0 5px 0;
}
}
/*==================================
4.過去の実績共通
==================================*/

.jissekiClum3 {
	display: table;
	width: 100%;
}
.jissekiClum3 > div {
	display: table-cell;
	vertical-align: top;
}
.jissekiClum3 > div img {
	margin-left: 1em;
}
.jissekiClum3 > div img + p {
	margin-left: 1em;
	font-size: 86%;
}

@-moz-document url-prefix() {
.jissekiClum3 > div img + p {
	margin-top: 0.5em;
}
}

/*---スマートフォン用---*/
@media (max-width: 670px) {
.jissekiClum3 > div {
	display: block;
}
.jissekiClum3 > div img {
	display: block;
	margin: 1em auto 0;
}
.jissekiClum3 > div img + p {
	text-align: center;
}
}
/*.jissekiLayoutPast
------------------------------*/
.jissekiLayoutPast {
	box-sizing: content-box;
	margin-top: 2em;
	border: solid 1px #000111;
	padding: 2em 1em;
}
.jissekiLayoutPast h4 {
	font-size: 113%;
	border-bottom: solid 1px #000111;
	margin-bottom: 1em;
	padding: 0 0.5em 0.2em;
}
.jissekiPast_2clum {
	display: table;
}
.jissekiPast_2clum > div {
	display: table-cell;
	vertical-align: top;
}
.jissekiPast_2clum > div:first-child img {
	margin-right: 1em;
}

/*---スマートフォン用---*/
@media (max-width: 768px) {
.jissekiPast_2clum {
	display: block;
}
.jissekiPast_2clum > div {
	display: block;
}
.jissekiPast_2clum div:first-child {
	margin-bottom: 1em;
}
.jissekiPast_2clum > div:first-child img {
	display: block;
	clear: both;
	margin: 0 auto 1em;
}
}

/*---スマートフォン用---*/
@media (max-width: 414px) {
.jissekiPast_2clum img {
	width: 100%;
}
}
/*.past_plot
------------------------------*/
ol.past_plot {
	margin: 1em 0 0 30px;
	font-size: 78%;
	width: 240px;
}
ol.past_plot2 {
	margin: 1em 0 0 30px;
	font-size: 78%;
	width: 170px;
}
.past_plot_white {
	list-style-image: url(/public/volunteer/assets/images/machinaka/past_plot_white.png);
}
.past_plot_green {
	list-style-image: url(/public/volunteer/assets/images/machinaka/past_plot_green.png);
}
.past_plot_green_b {
	list-style-image: url(/public/volunteer/assets/images/machinaka/past_plot_green_b.png);
}
.past_plot_green_c {
	list-style-image: url(/public/volunteer/assets/images/machinaka/past_plot_green_c.png);
}

/*---スマートフォン用---*/
@media (max-width: 768px) {
ol.past_plot {
	width: 100%;
}
ol.past_plot2 {
	width: 100%;
}
}
/*.jissekiLayoutPast_img
------------------------------*/

.Past_img_machinaka {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 1em auto;
}
.Past_img_machinaka li {
	width: 117px;
	margin: 0.48em;
	background: #d5e2b2;
}
.Past_img_machinaka img {
	display: block;
}
.Past_img_machinaka p {
	font-weight: bold;
	padding: 0.4em;
	font-size: 86%;
}
.Past_img_machinaka span {
	display: block;
	font-weight: normal;
	font-size: 93%;
}

/*---スマートフォン用---*/
@media (max-width: 768px) {
.Past_img_machinaka li {
	margin: 0.3em;
}
}

/*---スマートフォン用---*/
@media (max-width: 414px) {
.Past_img_machinaka {
	justify-content: center;
}
}

/*---スマートフォン用---*/
@media (max-width: 320px) {
.Past_img_machinaka li {
	width: 113px;
}
}
/*Past_img_kaiwai
------------------------------*/

.Past_img_kaiwai {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 1em auto;
}
.Past_img_kaiwai li {
	width: 117px;
	margin: 0.48em;
	background: #f3ecbd;
}
.Past_img_kaiwai img {
	display: block;
}
.Past_img_kaiwai p {
	font-weight: bold;
	padding: 0.4em;
	font-size: 86%;
}
.Past_img_kaiwai span {
	display: block;
	font-weight: normal;
	font-size: 93%;
}

/*---スマートフォン用---*/
@media (max-width: 768px) {
.Past_img_kaiwai li {
	margin: 0.3em;
}
}

/*---スマートフォン用---*/
@media (max-width: 414px) {
.Past_img_kaiwai {
	justify-content: center;
}
}

/*---スマートフォン用---*/
@media (max-width: 320px) {
.Past_img_kaiwai li {
	width: 113px;
}
}