@charset "UTF-8";
@import "../../css/anniversary.css";

/***********************************
 
関門トンネル 60周年

***********************************/

#kanmon_expwy-50{
	display:block;
	overflow:hidden;
	width:min(100%,1000px);
	margin:20px auto;
}


#kv_img{
	display:block;
	width:calc(100% - 369px);
	float:right;
}

#kv_img > img{
	width:min(100%,631px);
	height:auto;
}



#kanmon_expwy-50 > h1{
	display: inline-block;
	width:369px;
}

#kanmon_expwy-50 > h1 img{
	width:min(100%,370px);
	height:auto;
}

#kanmon_expwy-50 a{
	overflow:hidden;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


.menu{
	display:block;
	width:calc(100% - 631px);
	padding:30px 30px;
}

.menu > a{
	display:block;
	width:100%;
}

.menu > a img{
	width:100%;
	height:auto;
}

.menu > a + a{
	margin-top: 15px;
}



.menu + p{
	text-align:center;
}

.menu + p > a{
	display:inline-block;
}

.menu + p img{
	width:min(100%,134px);
	height:auto;
}


#kanmon_expwy-50 a:hover {
	filter:brightness(1.05);
}



/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	#kanmon_expwy-50{
		margin:var(--side-mgn-v) auto;
		padding:0 var(--side-mgn-h);
	}

	#kv_img{
		width:100%;
		margin-top:0;
		float:none;
	}

	#kanmon_expwy-50 > h1{
		display:block;
		width:100%;
		margin:var(--side-mgn-v) 0;
	}

	.menu{
		width:100%;
		padding: 0 var(--side-mgn-h);
		text-align:center;
	}

}