/* noise information for airport 2025.05.13 */

	*,*::after,::before {
		box-sizing: border-box;
	}

	.topicpath {
		padding:0 0;
	}
	.topicpath.wrap {
		flex-wrap: wrap;
	}
	.topicpath.wrap li {
		margin-top: 8px;
	}

	.topic-container {
		container-type:inline-size;
		container-name:container-topic;
	}

	@container container-topic (min-width:688px) {
		.topicpath.wrap li {
			margin-top: 16px;
		}		
	}

	#contents .title_s {
		margin-top: 0;
	}

	#contents .map {
		margin:1em auto 0;
		width:95%;
	}

	#contents .map h3 {
		color:#000000;
		font-size:1.5rem;
		letter-spacing: 0.07em;
	}

	.map-container {
		container-type:inline-size;
		container-name:container-map-position;
	}
	
	.map-position {
		margin:10px auto;
		width:90%;
	}

	.map-position a {
		--button-color: #222;
		--button-surface: #fcfcfc;
		--button-shadow-highlight: #fff;

		display:block;
		margin:.5em .5em;
		padding:.5em .2em;
		font-size:.9rem;		
		text-align:center;
		font-weight:500;
		color:#000000;
		text-decoration: none;
		letter-spacing: 0.07em;
		border:1px solid #4682B4;
		border-radius:3px;

		background-color: var(--button-surface);
		box-shadow:
			-2px -2px 4px var(--button-shadow-highlight),
			2px 2px 4px rgba(0 0 0 / 24%);
	}

	@container container-map-position (min-width:570px) {

		.map-position {
			display:grid;
			grid-template-columns:repeat(2,1fr);
			grid-template-rows:auto;
			gap:10px;
			width:100%;
		}
	}

	@container container-map-position (min-width:688px) {

		.map-position {
			display:grid;
			grid-template-columns:repeat(4,1fr);
			grid-template-rows:auto;
			gap:10px;
			width:100%;
		}
	}


	#contents .reports {
		margin:1em auto;
		width:95%;
	}

	#contents .noise-reports h3 {
		color:#000000;
		font-size:1.5rem;
		letter-spacing: 0.07em;
	}

	#contents .noise-reports h4 {
		margin-top:50px;
		text-align:center;
		line-height:2;
		color:#000000;
		font-weight:600;
		font-size:1rem;
		letter-spacing: 0.07em;
		background-color:#e8f1fe;
	}

	.noise-reports-container {
			container-type:inline-size;
			container-name:container_noise-reports;
	}

	.noise-reports-container .airport-name,
	.noise-reports-container .maneuver-area-name {
		margin:20px 0 10px;
		padding:1em 0 0.3em;
		text-align:center;
		font-size:1rem;
		font-weight:600;
		line-height:1.5;
		letter-spacing: 0.07em;
	}
	
	.noise-reports-grid {
		display:grid;
		grid-template-columns:repeat(3,1fr);
		grid-template-rows:auto;
		gap:5px;
		width:100%;
		margin-top:10px 0 5px;
	}

	@container container_noise-reports (min-width:570px) {

		.noise-reports-grid {
			display:grid;
			grid-template-columns:repeat(4,1fr);
			grid-template-rows:auto;
			gap:10px;
			width:100%;
		}

	}

	@container container_noise-reports (min-width:688px) {

		.noise-reports-grid {
			display:grid;
			grid-template-columns:repeat(6,1fr);
			grid-template-rows:auto;
			gap:10px;
			width:100%;
		}

	}

	.noise-reports-grid p {
		display:block;
		padding:0.5em 1em;
		font-size:.9rem;
		text-align:center;
		font-weight:600;
		letter-spacing: 0.07em;
		color:#777777;		
		border:1px solid #4682B4;
		border-radius:3px;
		background-color:rgba(32,32,32,0.2);
	}

	.noise-reports-grid p:has(a) {
		--button-color: #222;
		--button-surface: #fcfcfc;
		--button-shadow-highlight: #fff;
		padding:0 0;
		color:#000000;	
		background-color: var(--button-surface);
		box-shadow:
			-2px -2px 4px var(--button-shadow-highlight),
			2px 2px 4px rgba(0 0 0 / 24%);
	}

	.noise-reports-grid p a {
		display:block;
		width:100%;
		padding:0.5em 1em;
		text-decoration: none;
	}

	.map-position a:visited {
		color:purple;
	}

	.map-position a:active {
		box-shadow: none;
	}

	.noise-reports-grid a:visited {
		color:purple;
	}

	.noise-reports-grid a:active {
		box-shadow: none;
	}

	
	@media (any-hover : hover) {

		.map-position a:hover {
			color:#ffffff;
			background-color:rgba(70,130,180,0.7);
			transition:background-color .4s;
			box-shadow: none;
		}
            	
		.noise-reports-grid p:has(a:hover) {
			background-color:rgba(70,130,180,0.7);
			transition:background-color .4s;
			box-shadow: none;
		}
            
		.noise-reports-grid p a:hover {
			color:#ffffff;
			transition:background-color .4s;
		}

	}

	
	.summary-year {
		margin-top:50px;
		text-align: center;
		line-height: 2;
		color:#000000;
		font-weight: 600;
		font-size: 1rem;
		background-color: #e8f1fe;
	}