@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-image: linear-gradient(to right, rgba(57, 87, 248, 1), rgba(20, 47, 151, 1));
	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, rgba(20, 47, 151, 1), rgba(57, 87, 248, 1));
	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;}


}

.pageMgallery .info {
		max-width: 980px;
        margin-top: 50px;
        container-type: inline-size;
        border: #ccc solid 1px;
        background-color: #fff;
        padding: 30px;
        box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.3);
		font-size: 120%;
		border-radius: 6px;
}
.pageMgallery .info h3 {
	font-size: 180%;
	border-bottom: solid 1px #ccc;
	font-weight: normal;
}
.pageMgallery .info table {
      width: 100%;
	  margin-top: 15px;
}
.pageMgallery .info tr {
      border-bottom: #ccc dotted 1px;
}
.pageMgallery .info th, td {
      font-weight: normal;
      padding: 1em;
	  text-align: left;
}
.pageMgallery .info th {
      vertical-align: middle;
      width: 15%;
}

.pageMgallery .info .ontheday {
	background: #f5f5f5;
	padding: 30px;
	margin-top: 20px;
}
.pageMgallery .info .ontheday h4 {
	font-size: 150%;
	font-weight: normal;
}
.pageMgallery .info .ontheday .freed { font-size: 225%; margin: 15px; line-height: 1;}
.pageMgallery .info .ontheday .freed span {
	background: #BB0609;
	color: #fff;
	padding:2px 8px;
	margin-right: 10px;
	font-size: 50%;
	vertical-align: middle;
	line-height: 1.5;
}
.pageMgallery .info .ontheday a {
	background: #BB0609;
	background: linear-gradient(to right, #860002, #BB0609);
	color: #fff;
	width: 50%;
	display: block;
	padding: 15px;
	box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	transition: .5s box-shadow, .5s filter;
	margin: 20px auto 0;
}
.pageMgallery .info .ontheday a:hover {background: linear-gradient(to right, #BB0609, #860002); box-shadow: none;}

.pageMgallery .info .ontheday a:after {
	content: "\f105";
    display: inline-block;
    margin-left: 15px;
    color: #ffffff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.pageMgallery .info .ontheday .freed a{ background: none; box-shadow: none; color: #000; width: auto; padding: 0; display: inline;}
.pageMgallery .info .ontheday .freed a:after { content: none;}

.pageMgallery .roomt { margin-top: 50px;}
.pageMgallery .roomt h4 {
	font-size: 225%;
	font-weight: normal;
	margin-bottom: 20px;
}
.pageMgallery .roomt ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 150%;
}
.pageMgallery .roomt ul li { width: 48%;}
.pageMgallery .roomt ul li:first-child a {
	background: linear-gradient(to right, #222, #000);
	color: #fff;
	display: block;
	padding: 15px;
	box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	transition: .5s box-shadow, .5s filter;
}
.pageMgallery .roomt ul li:first-child a:hover {background: linear-gradient(to right, #000, #222); box-shadow: none;}

.pageMgallery .roomt ul li:last-child a {
	background: linear-gradient(to right, #860002, #BB0609);
	color: #fff;
	display: block;
	padding: 15px;
	box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	transition: .5s box-shadow, .5s filter;
}
.pageMgallery .roomt ul li:last-child a:hover  {background: linear-gradient(to right, #BB0609, #860002); box-shadow: none;}
.pageMgallery .roomt ul li a { margin-top: 10px;}
.pageMgallery .roomt ul li a:after {
	content: "\f105";
    display: inline-block;
    margin-left: 15px;
    color: #ffffff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

@media screen and (max-width: 767px) {
	.pageMgallery .info th, td { width: 100%; display: block;}
	.pageMgallery .info th { padding-bottom: 0; font-weight:bold;}
	.pageMgallery .info td { padding-top: 8px;}
	.pageMgallery .info .ontheday .freed span { display: block; margin-bottom: 8px;}
	.pageMgallery .info .ontheday a { width: 100%;}
	.pageMgallery .roomt ul li { width: 100%; margin-bottom: 20px;}


}

/* end */