@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, #0c295e, #2056b4 52%, #0c295e);
	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, #2056b4, #0c295e 52%, #2056b4);
	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;}


}

/* ====================================================
  attention
==================================================== */
.pageMRaccess .attentionList li{font-size: 70%; line-height: 1.7;}

@media print, screen and (min-width: 768px) {
	.pageMRaccess .attention{text-align: left; padding: 3em 15px 0;}
}
@media screen and (max-width: 767px) {
		.pageMRaccess .attention{text-align: left; padding: 15px;}
}

.pageMRaccess .doublebtn ul li { color: #000;}
p.gomodel { font-size: 180%; margin-bottom: 20px;}




/* end */