*{ box-sizing: border-box; }
html{ font-size: 62.5%; /* 10px */ }

body#grassroots-index{}
body#grassroots-index div#main-cont{
	background: #fef7c0;
}

body#grassroots-location{}
body#grassroots-location div#main-cont{
	background: #fef7c0;
	overflow: clip;
}


/* g-main */
#g-main{}
	#g-main h1{
		/* font-size: 2.2rem;
		line-height: 3;
		font-weight: bold; */
		border-top: #39BEA9 3px double;
		border-bottom: #39BEA9 3px double;
		background: linear-gradient(90deg, #c1fdc9 0%, #7ff8bb 50%, #57f5a1 100%);
	}
		body#grassroots-index h1 img.ttl{
			/* width: 93.5%;
			max-width: 620px; */
			width: auto;
			height: 8.53vw;
			margin: 4.53vw auto;
		}
		body#grassroots-location h1 img.ttl{
			/* width: 56%;
			max-width: 360px; */
			width: auto;
			height: 13.85vw;
			margin: 2vw auto;
		}
	.grassroots-main{
		background: #FFFFFF;
		margin: 0px auto;
	}
		.grassroots-main-inner{
			margin: 0px auto;
			width: 100%;
			padding: 16px 16px 32px;
		}
		.kusanone-about{
			font-size: 1.8rem;
			line-height: 1.64;
		}
			.kusanone-about img{
				margin: 16px auto 24px;
				max-width: 50%;
			}


	/* 注意事項 */
	.grass-att{
		margin: 8px auto 24px;
		background: #FFF;
		border: #ff005c 2px solid;
		text-align: left;
		width: 95%;
	}
		.grass-att-inner{
			font-size: 1.6rem;
			line-height: 1.46;
			text-align: left;
			margin: 0;
			padding: 8px 8px;
		}
		.grass-att-inner p{
			margin: 0 0 8px;
			padding: 4px 4px 0;
		}
			.grass-att-inner p strong{
				font-weight: bold;
			}
			.grass-att-inner p a{
				font-weight: bold;
				text-decoration: underline;
			}

	/* /注意事項 */

/* /g-main */



/* grassroots-main-inner(2) */
.grassroots-main h3{
	background: #30c0a0;
	/* box-shadow: 0px 1px 1px #80f0a9; */
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	clear: both;
	margin: 8px 0 12px;
	padding: 8px 1.2rem;
}
.grassroots-main div.ContentBox{
	/* background: #f8f8f8; */
	margin: 0 0 24px 0;
	padding: 4px 4px;
	border-radius: 4px;
	text-align: left;
}
	.grassroots-main div.ContentBox p{
		font-size: 1.6rem;
		line-height: 1.64;
		margin: 0 0px 16px;
		padding: 0;
	}
.grassroots-main h4.kusanone-h4{
	font-size: 1.64rem;
	color: #ff6113;
	font-weight: bold;
	margin: 0 0px 8px;
	padding: 0;
}
.grassroots-main h5{
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0px 8px;
	padding: 0;
}
dl.kusanoneList{
	margin: 0 0px 24px;
	font-size: 1.6rem;
	line-height: 1.8;
}
	dl.kusanoneList dt{
		white-space: nowrap;
		width: 4rem;
		float: left;
		clear: both;
		text-align: right;
		padding: 0 4px 0 0;
	}
	dl.kusanoneList dd{
		margin-left: 4rem;
		margin-bottom: 1.46rem;
	}

/* /grassroots-main-inner(2) */



/* location.html */
p.g-about{
	font-size: 1.6rem;
	margin: 12px 4px;
}
#p-Nagoya h2,
#p-Aichi h2,
#p-Gifu h2,
#p-Mie h2{
	font-size: 2.2rem;
	line-height: 3;
	font-weight: bold;
	position: relative;
	z-index: 0;
	letter-spacing: 0.1em;
}
#p-Nagoya h2::before,
#p-Aichi h2::before,
#p-Gifu h2::before,
#p-Mie h2::before{
	font-family: Courier, Times New Roman;
	z-index: -1;
	display: block;
	/* color: #feec80; */
	color: #fee59e;
	letter-spacing: 0.00em;
	font-size: 3em;
	line-height: 1;
	/* margin: -62px 0 0; */
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
}
	#p-Nagoya h2::before{
		color: #ffd500;
		content: 'NAGOYA';
	}
	#p-Aichi h2::before{
		color: #ffd8e6;
		content: 'AICHI';
	}
	#p-Gifu h2::before{
		color: #d6ffb4;
		content: 'GIFU';
	}
	#p-Mie h2::before{
		color: #bfddff;
		content: 'MIE';
	}

.p-AREA{
	padding: 0 0 32px;
}
	#p-Nagoya{ background: #fde101; }
	#p-Aichi{ background: #ffedf8; }
	#p-Gifu{ background: #f4ffe3; }
	#p-Mie{ background: #e3f4ff; }

	.p-area-list{
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
		z-index: 10;
		overflow: hidden;
		padding: 1vw 0 16px;
	}
		.p-area-list-inner{
			width: 90%;
			width: calc(100% - 40px - 2vw);
			display: flex;
			flex-wrap: wrap;
			margin-left: 0;
		}
		.p-area-list a{
			font-size: 1.2rem;
			/* text-indent: -1.4rem; */
			display: block;
			color: #252525;
			background: #FFF;
			width: 22%;
			max-width: 320px;
			margin: 0 auto;
			padding: 8px 0;
			border-radius: 50vw;
			/* box-shadow: 2px 2px #ffa800; */
			-webkit-filter: drop-shadow(1px 2px 2px #eac100);
			-moz-filter: drop-shadow(1px 2px 2px #eac100);
			-ms-filter: drop-shadow(1px 2px 2px #eac100);
			filter: drop-shadow(1px 2px 2px #eac100);
			transform: translateZ(0);
		}
		.p-area-list a:hover,
		.p-area-name.is-active{
			transform: translateY(2px);
			color: #FFF;
			background: #ffa800;
			box-shadow: 0px 0px;
			-webkit-filter: drop-shadow(0px 0px 0px #eac100);
			-moz-filter: drop-shadow(0px 0px 0px #eac100);
			-ms-filter: drop-shadow(0px 0px 0px #eac100);
			filter: drop-shadow(0px 0px 0px #eac100);
		}



	/* table */
	.bokin-list-inner{
		background: rgba(255, 255, 255, 0.84);
		max-width: 96%;
		margin: 0 auto;
		padding: 0 0 12px;
		border-radius: 4px;
	}
	#p-Nagoya .bokin-list-inner{
		background: rgba(255, 255, 255, 0.95);
	}

	div.bokin-list-area-wrap{
		text-align: center;
		padding: 6px 8px 8px;
	}
	#p-Nagoya div.bokin-list-area-wrap{ border-bottom: 1px dotted #ffd500; }
	#p-Aichi div.bokin-list-area-wrap{ border-bottom: 1px dotted #ffb8d0; }
	#p-Gifu div.bokin-list-area-wrap{ border-bottom: 1px dotted #b0ee80 }
	#p-Mie div.bokin-list-area-wrap{ border-bottom: 1px dotted #bfddff }
	div.open-cap{
		color: #0080ff;
		cursor: pointer;
		display: inline-block;
		transition: 0.35s;
	}
		div.open-cap:hover,
		div.open-cap:active,
		div.open-cap:focus{
			color: #ff007C;
			transition: 0.35s;
		}
		div.open-cap:active{
			color: #999 !important;
		}
	.open-cap:after, 
	.open-cap.active:after{}
	.open-cap.active::after{ content: "▲"; }
	.open-cap::after{ content: "▼"; }

	ul.bokin-list-area{
			width: 98%;
			margin: 0 auto;
			padding: 6px 0.2rem 6px;
			display: flex;
			flex-wrap: wrap;
		}
		/* ul.bokin-list-area{ border-bottom: 1px dotted #ffd500; } */
			ul.bokin-list-area li{
				display: block;
				text-align: left;
				margin: 4px 0rem 4px 0;
				/* min-width: calc(17% - 2.4rem); */
				min-width: calc(33% - 0rem);
			}
			ul.bokin-list-area li a{}

		table.bokin-list{
			width: 96%;
			margin: 0px auto 16px;
			padding: 0;
			border-collapse: separate;
			font-size: 1.4rem;
		}
		table.bokin-list thead{
			display: none;
		}
		tbody th{
			display: none;
		}
		.bokin-list tbody td{
			display: block;
			vertical-align: top;
			padding: 4px;
			text-align: left;
		}
			table.bokin-list td.area-detail{
				font-size: 1.88rem;
				line-height: 1.8;
				letter-spacing: 0.1em;
				display: block;
				margin: 10px auto 0;
				text-align: left;
			}
				#p-Nagoya table.bokin-list td.area-detail{ color: #6f3900; }
				#p-Aichi table.bokin-list td.area-detail{ color: #a4003b; }
				#p-Gifu table.bokin-list td.area-detail{ color: #2c6200; }
				#p-Mie table.bokin-list td.area-detail{ color: #004ea6; }
				table.bokin-list td.name{
				font-size: 1.6rem;
				font-weight: bold;
				line-height: 1.8;
				padding: 4px 4px 4px 6px;
			}
				#p-Nagoya table.bokin-list td.name{
					background: #feffc5;
					background: #feffb8;
					box-shadow: 0px 1px 1px #ffd500;
					box-shadow: 0px 2px 1px #fff5c0;
				}
				#p-Aichi table.bokin-list td.name{
					/* background: #febfd7; */
					background: #ffcee0;
					background: #ffe2ec;
					box-shadow: 0px 1px 1px #ffd8e6;
				}
				#p-Gifu table.bokin-list td.name{
					background: #ccffa2;
					background: #dcffc0;
					box-shadow: 0px 1px 1px #d2ffad;
				}
				#p-Mie table.bokin-list td.name{
					background: #b2e5ff;
					background: #d7f1ff;
					box-shadow: 0px 1px 1px #bfddff;
				}
			.bokin-list td.area-detail::before{
				/* content: "\f04b"; */
				content: "\f3c5";
				font-family: 'FontAwesome';
				/* transform: rotate(90deg); */
				display: inline-block;
				font-size: 88%;
				vertical-align: middle;
				margin: 0 5px 2px 0;
				padding: 0;
				width: auto !important;
			}
			.bokin-list tbody .name:before{
				display: none;
			}
			table.bokin-list td.address{
				font-size: 1.4rem;
				line-height: 1.64;
				padding: 8px 6px 24px 6px;
			}
			table.bokin-list tr:not(.area-detail):hover{
				background: rgb(253, 225, 1, 0.088);
			}

	/* /table */

/* /location.html */







/* PC
==================================================================================================== */
@media screen and (min-width: 1024px){

	body#grassroots-index{}
	body#grassroots-location{
		overflow: initial;
	}

	div#main-cont{}
	
	
	/* g-main PC */
	#g-main{}
		#g-main h1{
			border-top: #39BEA9 5px double;
			border-bottom: #39BEA9 5px double;
			background: linear-gradient(90deg, #c1fdc9 0%, #7ff8bb 50%, #57f5a1 100%);
		}
			body#grassroots-index h1 img.ttl{
				max-width: 526px;
				height: auto;
				margin: 32px auto;
			}
			body#grassroots-location h1 img.ttl{
				max-width: 320px;
				height: auto;
				margin: 14px auto 18px;
			}
		.grassroots-main{
			max-width: 1024px;
			margin: 32px auto 64px;
			padding: 0;
			-webkit-filter: drop-shadow(0px 0px 8px #fdd201);
			-moz-filter: drop-shadow(0px 0px 8px #fdd201);
			-ms-filter: drop-shadow(0px 0px 8px #fdd201);
			filter: drop-shadow(0px 0 8px #fdd201);
			border-radius: 12px;
		}
			.grassroots-main-inner{
				padding: 24px 56px 48px;
			}
			.kusanone-about{
				font-size: 2.2rem;
				line-height: 1.88;
			}
				.kusanone-about img{
					margin: 32px auto 40px;
					max-width: 100%;
				}


		/* 注意事項 PC */
		.grass-att{
			margin: 8px auto 24px;
			max-width: 960px;
		}
			.grass-att-inner{
				font-size: 1.8rem;
				line-height: 1.64;
				margin: 0;
				padding: 10px 8px 12px;
				text-align: center;
			}
				.grass-att-inner p{
					display: inline-block;
					text-align: left;
					margin: 0 auto 8px;
					font-size: 1.6rem;
					line-height: 1.72;
					padding: 6px 8px 0;
				}
					.grass-att-inner p strong{
						font-size: 1.8rem;
						padding: 4px 8px;
					}
					.grass-att-inner p a{}

		/* /注意事項 PC */

	/* /g-main PC */

	
	
	/* grassroots-main-inner(2) PC */
	.grassroots-main h3{
		/* box-shadow: 0px 2px 1px #80f0a9; */
		font-size: 2.0rem;
		margin: 12px 0 16px;
		line-height: 2.6;
		padding: 0 1.6rem;
	}
	.grassroots-main div.ContentBox{
		margin: 0 0 32px 0;
		padding: 8px 12px;
		border-radius: 4px;
	}
		.grassroots-main div.ContentBox p{
			font-size: 1.8rem;
			line-height: 1.88;
			margin: 0 0px 24px;
		}
	.grassroots-main h4.kusanone-h4{
		font-size: 1.88rem;
		margin: 0 0px 16px;
		padding: 0;
	}
	.grassroots-main h5{
		font-size: 2.0rem;
		margin: 0 0px 16px;
		padding: 0;
	}
	dl.kusanoneList{
		margin: 0 0px 36px;
		font-size: 1.72rem;
		line-height: 1.88;
	}
		dl.kusanoneList dt{
			width: 6rem;
			padding: 0 12px 0 0;
		}
		dl.kusanoneList dd{
			margin-left: 6rem;
			margin-bottom: 1.46rem;
		}
	
	/* /grassroots-main-inner(2) PC */



	/* location.html PC */
	p.g-about{
		font-size: 1.8rem;
		margin: 32px 0px 24px;
	}
	#p-Nagoya h2,
	#p-Aichi h2,
	#p-Gifu h2,
	#p-Mie h2{
		font-size: 3.6rem;
		line-height: 3;
	}
	#p-Nagoya h2::before,
	#p-Aichi h2::before,
	#p-Gifu h2::before,
	#p-Mie h2::before{
		letter-spacing: 0.00em;
		font-size: 3em;
		/* margin: -62px 0 0; */
	}

	.p-AREA{
		padding: 0 0 80px;
	}
		#p-Nagoya{ background: #fde101; }
		#p-Aichi{ background: #ffedf8; }
		#p-Gifu{ background: #f4ffe3; }
		#p-Mie{ background: #e3f4ff; }

		.p-area-list{
			padding: 8px 0 24px;
			width: 960px;
			margin: 0 auto;
		}
			.p-area-list-inner{
				width: 100%;
				/* width: calc(100% - 40px - 2vw); */
				display: flex;
				flex-wrap: wrap;
				margin-left: 0;
			}
			.p-area-list a{
				font-size: 1.6rem;
				/* text-indent: -1.4rem; */
				width: 20%;
				max-width: 320px;
				margin: 0 auto;
				padding: 12px 0;
				-webkit-filter: drop-shadow(1px 2px 2px #eac100);
				-moz-filter: drop-shadow(1px 2px 2px #eac100);
				-ms-filter: drop-shadow(1px 2px 2px #eac100);
				filter: drop-shadow(1px 2px 2px #eac100);
			}
			.p-area-list a:hover,
			.p-area-name.is-active{
				transform: translateY(2px);
				color: #FFF;
				background: #ffa800;
				box-shadow: 0px 0px;
				-webkit-filter: drop-shadow(0px 0px 0px #eac100);
				-moz-filter: drop-shadow(0px 0px 0px #eac100);
				-ms-filter: drop-shadow(0px 0px 0px #eac100);
				filter: drop-shadow(0px 0px 0px #eac100);
			}



	/* table PC */
	.bokin-list-inner{
		background: #fff;
		max-width: 1024px;
		margin: 0 auto;
		padding: 0 0 24px;
		-webkit-filter: drop-shadow(0px 0px 8px #e8e8e8);
		-moz-filter: drop-shadow(0px 0px 8px #e8e8e8);
		-ms-filter: drop-shadow(0px 0px 8px #e8e8e8);
		filter: drop-shadow(0px 0 8px #e8e8e8);
		border-radius: 12px;
	}
	#p-Nagoya .bokin-list-inner{
		background: rgba(255, 255, 255, 1);
	}

	div.bokin-list-area-wrap{
		padding: 8px 20px 8px;
	}
	#p-Nagoya div.bokin-list-area-wrap{}
	#p-Aichi div.bokin-list-area-wrap{}
	#p-Gifu div.bokin-list-area-wrap{}
	#p-Mie div.bokin-list-area-wrap{}
	div.open-cap{}
		div.open-cap:hover,
		div.open-cap:active,
		div.open-cap:focus{}
	.open-cap:after, 
	.open-cap.active:after{}
	.open-cap.active::after{}
	.open-cap::after{}

	ul.bokin-list-area{
		padding: 16px 12px;
		margin: 0 auto 16px;
	}
		ul.bokin-list-area li{
			font-size: 1.6rem;
			margin: 4px 0rem 6px 0;
			min-width: calc(20% - 0rem);
		}
		ul.bokin-list-area li a{}

	table.bokin-list{
		width: 960px;
		margin: 0px auto 24px;
		font-size: 1.6rem;
	}
	table.bokin-list thead{}
	tbody th{
		display: revert;
	}
	.table-info th{
		background: #f0f0f0;
		border: 2px solid #fff;
		color: #707070;
		font-size: 1.4rem;
		font-weight: normal;
		letter-spacing: 0.4em;
		padding: 6px 10px;
		text-align: left;
		vertical-align: middle;
	}
	.bokin-list tbody td{
		display: revert;
		padding: 4px;
	}
		table.bokin-list td.area-detail{
			font-size: 2.1rem;
			line-height: 1.88;
			letter-spacing: 0.1em;
			display: block;
			margin: 32px auto 0;
			text-align: left;
		}
			table.bokin-list td.name{
			/* border-bottom: 1px solid #ccc; */
			width: 40%;
			font-size: 1.8rem;
			font-weight: bold;
			line-height: 1.8;
			padding: 8px 10px 8px;
			border: 2px solid #FFF;
		}
			#p-Nagoya table.bokin-list td.name{
				background: #feffc5;
				background-image: linear-gradient(90deg, rgb(254, 255, 184, 1), rgba(255, 255, 255, 1));
				/* box-shadow: 0px 2px 1px #ffd500; */
				box-shadow: 0px 2px 1px #fff5c0;
				box-shadow: none;
			}
			#p-Aichi table.bokin-list td.name{
				/* background: #febfd7; */
				background: #ffcee0;
				background-image: linear-gradient(90deg, rgb(255, 226, 236, 1), rgba(255, 255, 255, 1));				
				box-shadow: 0px 2px 1px #ffd8e6;
				box-shadow: none;
			}
			#p-Gifu table.bokin-list td.name{
				background: #ccffa2;
				background-image: linear-gradient(90deg, rgb(220, 255, 192, 1), rgba(255, 255, 255, 1));
				box-shadow: 0px 2px 1px #d2ffad;
				box-shadow: none;
			}
			#p-Mie table.bokin-list td.name{
				background: #b2e5ff;
				background-image: linear-gradient(90deg, rgb(215, 241, 255, 1), rgba(255, 255, 255, 1));
				box-shadow: 0px 2px 1px #bfddff;
				box-shadow: none;
			}
		.bokin-list td.area-detail::before{
			margin: 0 5px 2px 0;
			display: inline-block;
			font-size: 1.8rem;
			width: auto !important;
		}
		.bokin-list tbody .name:before{
			display: none;
		}
		table.bokin-list td.address{
			/* border-bottom: 1px solid #ccc; */
			width: 55%;
			font-size: 1.6rem;
			line-height: 1.8;
			padding: 8px 10px 32px;
			border: 2px solid #FFF;
		}

		/* /table PC */

	/* /location.html PC */

}