@charset "UTF-8";

/* map-links */
@media all {
	.map-lead {text-align: center;}
	.map-links {
		position: relative;
		overflow: hidden;
		border: var(--max2px) solid #000;
	}
	.map-img {
		/* position: absolute;
		top: 0;
		left: 0; */
		display: block;
		width: 100%;
		height: 100%;
	}
	.map-link {
		position: absolute;
		z-index: 1;
		display: block;
		padding: .4em .5em;
		background-color: #000;
		color: #fff;
	}

	.on-gmap a {
		display: block;
		margin-left: auto;
		padding-top: 6rem;
		width: 210rem;
		height: 40rem;
		border: var(--max1px) solid rgba(30,184,203,1);
		border-radius: 999rem;
		background-color: rgba(30,184,203,1);
		font-size: 16rem;
		color: #fff;
		text-align: center;
	}
	.on-gmap a img {
		width: 17rem;
		filter: brightness(0) invert(1);
		transform: translateY(2rem);
	}


	/* sp */
	@media (max-width: 767px) {
		.map-content {margin-top: 30rem;}
		.map-links {
			margin: 20rem auto 0;
			width: 380rem;
			border-radius: 16rem;
		}
		.map-link {
			font-size: 10rem;
			scale: .95;
			transform-origin: top left;
		}
		.minami {
			top: 130rem;
			left: 50rem;
		}
		.nakaike {
			top: 93rem;
			left: 78rem;
		}
		.sunpark {
			top: 155rem;
			left: 230rem;
		}
		.tobu {
			top: 30rem;
			left: 10rem;
		}
		.wacca {
			top: 65rem;
			left: 65rem;
		}
		.sunshine {
			top: 65rem;
			left: 245rem;
		}
		.center {
			top: 65rem;
			left: 145rem;
		}

		.on-gmap {
			margin-top: 10rem;
			padding-right: 20rem;
		}
		.on-gmap a {
			scale: .75;
			transform-origin: top right;
		}
	}

	/* tab & pc */
	@media print,
	(min-width: 768px) {
		.map-content {margin-top: 60rem;}
		.map-links {
			margin: 20rem auto 0;
			width: calc(100% - 32rem);
			max-width: 880rem;
			border-radius: 30rem;
		}
		.map-link {
			font-size: 20rem;
			transition: opacity .3s;
		}
		.map-link:hover {opacity: .7;}

		.minami {
			top: 320rem;
			left: 145rem;
		}
		.nakaike {
			top: 225rem;
			left: 210rem;
		}
		.sunpark {
			top: 385rem;
			left: 595rem;
		}
		.tobu {
			top: 70rem;
			left: 30rem;
		}
		.wacca {
			top: 160rem;
			left: 185rem;
		}
		.sunshine {
			top: 160rem;
			left: 625rem;
		}
		.center {
			top: 160rem;
			left: 355rem;
		}

		.on-gmap {
			margin: 20rem auto 0;
			width: calc(100% - 32rem);
			max-width: 880rem;
		}
		.on-gmap a {transition: background-color .3s, color .3s, filter .3s;}
		.on-gmap a:hover {
			background-color: #fff;
			color: rgba(30,184,203,1);
		}
		.on-gmap a:hover img {filter: brightness(1) invert(0);}

		
		/* tab */
		@media (max-width: 1024px) {
		}
		/* tab */
		@media (max-width: 899px) {}
		
		/* pc */
		@media (min-width: 1025px) {}
	}
	
}

/* map-list */
@media all {
	.map-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.map-item {text-align: center;}
	.map-item a {display: block; width: 100%;}
	.map-icon {
		display: block;
		margin: 0 auto;
		width: 50rem;
		height: 50rem;
	}
	.map-item-name {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-weight: bold;
	}
	.map-item-name small {
		white-space: nowrap;
		font-weight: 500;
	}
	.map-item-img {
		width: 100%;
		aspect-ratio: 1;
		border-radius: 50%;
		overflow: hidden;
	}

	/* sp */
	@media (max-width: 767px) {
		.map-list {
			gap: 20rem;
			margin-top: 40rem;
			padding: 0 10rem;
		}
		.map-item {width: 180rem;}
		.map-item.sunpark {
			width: 100%;
			padding: 0 100rem;
		}
		.map-item-name {
			margin-top: 3rem;
			height: 30rem;
			font-size: 17rem;
		}
		.map-item-name small {
			margin-top: 3rem;
			font-size: 11rem;
		}
		.map-item-img {margin-top: 5rem;}

		.gmap-text-sp {
			margin-top: .5em;
			font-size: 13rem;
			text-align: center;
		}
	}

	/* tab & pc */
	@media print,
	(min-width: 768px) {
		.map-list {
			gap: 20rem 40rem;
			margin: 60rem auto 0;
			padding: 0 20rem;
			max-width: 1040rem;
		}
		.map-item {width: 220rem;}
		.item-nakaike {margin-left: 80rem;}
		.item-center {margin-right: 80rem;}
		.map-item-name {
			margin-top: 5rem;
			height: 38rem;
			font-size: 18rem;
		}
		.map-item-name small {
			margin-top: 4rem;
			font-size: 13rem;
		}
		.map-item-img {margin-top: 8rem;}
		.map-item-img img {transition: .3s;}
		.map-item a:hover .map-item-img img {transform: scale(1.1);}
		
		.gmap-text-pc {
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 100%;
			color: #fff;
			background-color: rgba(0,0,0,.3);
			font-size: 30rem;
			font-weight: 900;
			opacity: 0;
			transition: opacity .3s, backdrop-filter .3s;
		}
		.gmap:hover .gmap-text-pc {
			opacity: 1;
			backdrop-filter: blur(2rem);
		}

		/* tab */
		@media (max-width: 1024px) {
			.map-item {width: 180rem;}
			@media (max-width: 879px) {
				.item-nakaike {margin-left: 0;}
				.item-center {
					margin-right: 210rem;
					margin-left: 210rem;
				}
				.item-sunshine {margin-right: 30rem;}
			}
		}
		
		/* pc */
		@media (min-width: 1025px) {
		}
	}
	
}

/* walking */
@media all {

	/* sp */
	@media (max-width: 767px) {
		.walking-section {margin-top: 100rem;}
		.walking-section .main-section-ttl-en img {height: 34.5rem;}
		.site-footer {margin-top: 100rem;}
	}

	/* tab & pc */
	@media print,
	(min-width: 768px) {
		.walking-section {
			margin-top: 150rem;
		}
		.site-footer {
			margin-top: 150rem;
		}
		
		/* tab */
		@media (max-width: 1024px) {}
		
		/* pc */
		@media (min-width: 1025px) {}
	}
	
}






/* template */
@media all {

	/* sp */
	@media (max-width: 767px) {}

	/* tab & pc */
	@media print,
	(min-width: 768px) {
		
		/* tab */
		@media (max-width: 1024px) {}
		
		/* pc */
		@media (min-width: 1025px) {}
	}
	
}