@charset "UTF-8";
/* ######################################################################################

　マンションギャラリー案内図アクセス

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageMRaccess .wallBelt.topZero{
    padding-top: 0;
}
.pageMRaccess .access .contents { max-width: 930px; margin: auto;}
.pageMRaccess .btn ul {
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
}
.pageMRaccess .btn ul li { width: 35%; margin: 30px;}
.pageMRaccess .btn ul li a {
	display: block;
	padding:20px 15px;
	background: linear-gradient(45deg, #101119, #005939 52%, #101119);
	color: #fff;
	font-size: 120%;
	box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	transition: .5s box-shadow, .5s filter;
}
.pageMRaccess .btn ul li a:hover {
	background: linear-gradient(45deg, #005939, #101119 52%, #005939);
	box-shadow: none;
}
.pageMRaccess .btn ul li a:after {
	content: "\f105";
    display: inline-block;
    margin-left: 15px;
    color: #ffffff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.pageMRaccess .map p.small { text-align:left; font-size: 11px; margin-top: 10px;}

.pageMRaccess .carnavi {
	background: #221919;
	color: #fff;
	padding: 20px;
	margin-top: 30px;
}
.pageMRaccess .carnavi h3 { font-size: 170%; margin-bottom: 15px; font-weight: normal;}
.pageMRaccess .carnavi .add {
	background: #fff;
	line-height: 1;
	font-size: 160%;
	padding: 15px;
	color: #222;
	margin-bottom: 15px;
}
.pageMRaccess .carnavi p { text-align: center; font-size: 140%;}

@media screen and (max-width: 767px) {
	.pageMRaccess .btn ul { display: block;}
	.pageMRaccess .btn ul li { width: 100%; margin: 30px 0;}


}

/* end */