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

　マンションギャラリー案内図

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageMgallery .wallBelt.topZero{
    padding-top: 0;
}

.pageMgallery .btn ul {
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
}
.pageMgallery .btn ul li { width: 35%; margin: 30px;}
.pageMgallery .btn ul li a {
	display: block;
	padding:20px 15px;
	background:linear-gradient(to right, #253655, #111f39);
	color: #fff;
	font-size: 120%;
	box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	transition: .5s box-shadow, .5s filter;
}
.pageMgallery .btn ul li a:hover {
	background:linear-gradient(to right, #111f39, #253655);
	box-shadow: none;
}
.pageMgallery .btn ul li a:after {
	content: "\f105";
    display: inline-block;
    margin-left: 15px;
    color: #ffffff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.pageMgallery .map p.small { text-align:left; font-size: 11px; margin-top: 10px;}

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


}

/* end */