@charset "UTF-8";
/* クラブミラノ */
.milano {}

body#accessmap #wrapper {
	position:relative;
	text-align:center;
	width: 300px;
	padding: 0;
	margin:0 auto;
	background-color: #f42b98;
}
body#accessmap #header {
	padding: 10px 10px 0;
}
body#accessmap #header h1 {
	text-align: center;
	font-size: 12px;
	color: #FFF;
}

body#accessmap .swiper-slide {
	background-color: #FFF;
}
body#accessmap .shopRootPhoto {
	margin-bottom: 5px;
}
body#accessmap .shopRootComment {
	padding: 5px;
	font-size: 12px;
	text-align: left;
	margin: 0 !important;
	display: block;
}

body#accessmap #footer #copyright {
	font-size: 10px;
}

/* ==================================================================== */
/* SMARTPHONE
======================================================================= */
@media screen and (max-width: 768px) {
  
	.access--inner {
		width: 100%;
		margin: auto;
	}
	.access--map-wrap {
		margin: 0 auto 30px;
	}
	.access--map-wrap iframe {
		width: 100%;
		height: 100%;
		aspect-ratio: 1 / 1;
	}
	
	.access--guide {
		display: flex;
		flex-flow: column;
		margin: 0 auto 30px;
	}
	.access--navi {
		width: 90%;
		margin: auto;
		order: 2;
	}
	.access--info {
		width: 90%;
		margin: 0 auto 30px;
		padding: 10px;
		border: 3px solid #1a205c;
		background-color: #FFF;
		order: 1;
	}
	.access--info h2 {
		margin-bottom: 10px;
	}
	.assess--info-txt {
		text-align: center;
		color: #c62e8b;
		margin-bottom: 1rem;
	}
	.assess--info-note {
		text-align: justify;
	}
  
}

/* ==================================================================== */
/* DESKTOP
======================================================================= */
@media screen and (min-width: 768px), print {
  
	.access--inner {
		width: 1134px;
		margin: auto;
	}
	.access--map-wrap {
		margin: 0 auto 60px;
	}
	.access--map-wrap iframe {
		width: 100%;
	}
	
	.access--guide {
		display: flex;
		justify-content: space-between;
		margin: 0 auto 30px;
	}
	.access--navi {
		width: 554px;
	}
	.access--info {
		width: 554px;
		padding: 15px;
		background-color: #FCFCFC;
		border: 3px solid #1a205c;
	}
	.access--info h2 {
		margin-bottom: 10px;
	}
	.assess--info-txt {
		color: #c62e8b;
		margin-bottom: 1rem;
	}
	.assess--info-note {
		text-align: justify;
	}
  
}