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

.hide{
	opacity: 0;
	visibility: hidden;
	height: 0;
	transition: 0.88s;
	/* display: none; */
}
.show{
	opacity: 1;
	visibility: visible;
	height: auto;
	transition: 0.88s;
}

body#program-map{}

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


/* m-main */
#m-main{}
	#m-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#program-map h1 img.ttl{
			/* width: 56%; */
			width: auto;
			height: 13.85vw;
			margin: 2vw auto;
		}

	.m-cont{
		margin: 0 0 24px;
	}



	/* 注意事項 */
	.map-att{
		margin: 16px auto 24px;
		background: #FFF;
		border: #ff005c 2px solid;
		text-align: left;
		width: 95%;
	}
		.h-map-att{
			font-size: 1.6rem;
			line-height: 1.4;
			text-align: center;
			color: #ff005c;
			background: #ffe7f0;
			font-weight: bold;
			margin: 0;
			padding: 8px 8px;
			cursor: pointer;
			transition: 0.4s;
		}
		.h-map-att:before{
			content: "\f071";
			font-family: 'FontAwesome';
			vertical-align: middle;
			display: inline-block;
			padding: 0 4px 2px 0px;
		}
		ul.map-att-inner{
			margin: 16px 8px 20px;
		}
			ul.map-att-inner li{
				line-height: 1.4;
				margin: 0 0 12px;
				margin-left: 1.6rem;
				text-indent: -1.6rem;
			}

			.map-att-inner strong{
				font-size: 1.6rem;
				background: #a80032;
				font-weight: bold;
				color: #FFF;
				width: 100%;
				display: inline-block;
				padding: 3px 5px;
			}
			.map-att-inner em{
				font-size: 1.48rem;
				line-height: 1.6;
				color: #ff8000;
				font-style: normal;
				display: inline-block;
				margin-bottom: 10px;
			}

	/* /注意事項 */

	/* /m-main */



/* m-cont */
	#map-main{
		width: 96%;
		margin: 0 auto 5vw;
	}
		#map-main img{
			width: 98%;
		}
		img.main-ttl{ margin: 0 auto 1.5vw; }
		img.main-map{ margin: 0 auto 3vw; }
		img.main-parkst{ margin: 0 auto 5vw; }

		p.t-live{
			font-size: 1.6rem;
			line-height: 1.8;
			font-weight: bold;
		}
		.btn-area{
			display: flex;
			width: 100%;
			margin: 0 auto 6.5vw;
		}
		.btn-live{
			margin: 4px auto;
		}
			.btn-live a{
				display: block;
				color: #FFF;
				background: #ff6a00;
				/* width: 48%; */
				max-width: 320px;
				min-width: 150px;
				text-align: center;
				margin: 0 auto;
				padding: 10px 24px;
				border-radius: 50vw;
				-webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
				-moz-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
				-ms-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
				filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
				transform: translateZ(0);
			}
			.btn-live a::after{
				font-size: 120%;
				line-height: 1;
				color: #FFF;
				/* content: "\f0a9";
				font-family: 'FontAwesome';
				vertical-align: middle;
				display: inline-block;
				padding: 0 0px 2px 4px; */
				transition: 0.35s;
			}
			.btn-live a:hover::after{
				color: #FFF;
				/* content: "\f0a9";
				font-family: 'FontAwesome';
				vertical-align: middle;
				display: inline-block;
				padding: 0 0px 2px 4px; */
				transition: 0.35s;
			}
			.btn-live a:hover{
				transform: translateY(2px);
				color: #FFF;
				background: #ff005e;
				box-shadow: 0px 0px;
				-webkit-filter: drop-shadow(0px 0px 0px #FFF);
				-moz-filter: drop-shadow(0px 0px 0px #FFF);
				-ms-filter: drop-shadow(0px 0px 0px #FFF);
				filter: drop-shadow(0px 0px 0px #FFF);
			}


		.map-area{
			width: 100%;
			margin: 0 auto;
		}
		.map-area2{
			width: 100%;
			margin: 0 auto 4vw;
		}
			.map-area img,
			.map-area2 img{
				width: 88% !important;
				margin: 0 auto 4vw;
			}
			img.chukyo{}
			img.conyx{}
			img.aichiuniv{}
			img.globalgate{}
			img.market{ margin: 0 auto 8vw; }

			img.access{
				width: 80% !important;
			}

		span.areaname{
			font-size: 140%;
			line-height: 1.64;
			font-weight: bold;
		}

/* /m-cont */










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

	body#program-map{}

	div#main-cont{}
	
	
	/* m-main PC */
	#m-main{}
		#m-main h1{
			border-top: #39BEA9 5px double;
			border-bottom: #39BEA9 5px double;
			background: linear-gradient(90deg, #c1fdc9 0%, #7ff8bb 50%, #57f5a1 100%);
		}
			body#program-map h1 img.ttl{
				width: 194px;
				height: auto;
				margin: 16px auto;
			}

		.m-cont{
			margin: 0 auto 32px;
			width: 98%;
			max-width: 1280px;
		}



		/* 注意事項 PC */
		.map-att{
			margin: 24px auto 48px;
			/* border: #ff005c 2px solid; */
			width: 960px;
		}
			.h-map-att{
				font-size: 1.8rem;
				line-height: 1.64;
				margin: 0;
				padding: 10px 8px 12px;
				cursor: pointer;
			}
			.h-map-att:before{
				padding: 0 4px 2px 0px;
			}
			ul.map-att-inner{
				width: 96%;
				margin: 16px auto 16px;
			}
				ul.map-att-inner li{
					line-height: 1.64;
					margin: 0 0 8px;
					font-size: 1.6rem;
					margin-left: 1.6rem;
					text-indent: -1.6rem;
				}
				.map-att-inner strong{
					font-size: 1.8rem;
					padding: 4px 8px;
				}
				.map-att-inner em{
					font-size: 1.6rem;
					line-height: 1.6;
					margin-bottom: 16px;
				}

		/* /注意事項 PC */

	/* /m-main PC */
	
	
	
	/* m-cont PC */
	#map-main{
		width: 100%;
		margin: 0 auto;
	}
		#map-main img{
			width: 98%;
		}
		img.main-ttl{ margin: 0 auto 8px; }
		img.main-map{ margin: 0 auto 24px; }
		img.main-parkst{ margin: 0 auto 48px; }

		p.t-live{
			font-size: 2.2rem;
			line-height: 2;
		}
		.btn-area{
			display: flex;
			width: 65%;
			margin: 0 auto 48px;
		}
		.btn-live{
			/* margin: 40px 0 0; */
		}
			.btn-live a{
				font-size: 1.6rem;
				width: 320px;
				padding: 16px 0;
				margin: 0 0 6px;
			}
			.btn-live a::after{
				padding: 0 0px 2px 6px;
			}
			.btn-live a:hover::after{
				padding: 0 0px 2px 6px;
			}
			.btn-live a:hover{}

		.map-area{
			/* display: grid;
			grid-template-rows: auto auto;
			grid-template-columns: 50% 50%; */
			width: 100%;
			margin: 0 auto 24px;
			margin: 0 auto 0px;

			overflow: hidden;
		}
		.map-area img{
			width: 96% !important;
			margin: 0 2% 24px;
		}

		.area-l{
			display: block;
			float: left;
			width: 50%;
		}
		.area-r{
			display: block;
			float: right;
			width: 50%;
		}

		a.a-parkarea{
				width: 100%;
				display: block;
				margin-top: 2.6em;
			}

			.a-asadore{
				width: 100%;
				display: block;
			}
				.a-asadore img{
					border-radius: 16px;
				}

			a.a-global,
			a.a-market{
				width: 100%;
				display: block;
			}

			a.a-conyx,
			#a-conyx{
				margin-top: 1.6em;
				width: 100%;
				display: block;
			}
			a.a-chukyotv,
			#a-chukyotv{
				width: 50%;
				display: block;
				float: right;
			}

			a.a-aichiuniv,
			#a-aichiuniv{
				width: 50%;
				display: block;
				float: right;
			}
			img.chukyo{
				grid-row: 1 / 3;
				grid-column: 1 / 2;
			}
			img.conyx{
				/* width: 100%; */
				/* grid-row: 1 / 2;
				grid-column: 2 / 3; */
				/* margin-bottom: 0px; */
			}
			img.aichiuniv{
				grid-row: 2 / 3;
				grid-column: 2 / 3;
			}


		.map-area2{
			display: flex;
			/* flex-wrap: wrap; */
			align-items: flex-start;
			justify-content: flex-end;
			width: 100%;
			margin: 0 auto 24px;
		}
			.map-area2 img{
				width: 96% !important;
				margin: 0 2% 24px;
			}
			img.globalgate{}
			img.market{}

			img.access{
				width: 50% !important;
				margin: 0 auto 24px;
			}

		span.areaname{
			font-size: 160%;
		}

	/* /m-cont PC */

}