@charset "UTF-8";
/* CSS Document */

/*========================================*/
/*=============== access ==================*/
/*=========================================*/
/*#access {
}
#access #wrapper {
  padding-bottom: 30px;
}
#access #contentWrap {
  background-color: #fff;
  padding: 80px 0;
}




#access #mapBox {
  max-width: 1000px;

}*/

/*========================================*/
/*=============== access ==================*/
/*=========================================*/
.notes-area {
	display: none;
}


#access {
}
#access {
	background-color: #fff;
}
#access #pageWrap {
/*padding: 3% 0% 0%;*/
	padding: 6% 0%;
}
#access #mapWrap {
	max-width: 1000px;
	padding: 15px 0 30px 0;
}
#access .pnch {
	display: none;
}
#access #btnBox {
	max-width: 500px;
	margin: 40px auto 0;
}
#access #btnBox li {
	width: 49%;
}
#access #btnBox li a {
	width: 100%;
	display: block;
	height: 4em;
	display: flex;
justify-content: center;
align-items: center;
	font-size: 15px;
	
}
#access #btnBox li:nth-child(1) a {
	background: #B5A169;
background: linear-gradient(90deg, rgba(181, 161, 105, 1) 0%, rgba(129, 115, 72, 1) 100%);
}
#access #btnBox li:nth-child(2) a {
	background: #000;

}
#mapGmap {
	max-width: 1000px;
	position: relative;
}
#mapGmap #gmapWrap {
	width: 100%;
	height: 0;
	padding-top: 80%;
	position: relative;
}
#mapGmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*#access #glyWrap #rightBox a.gmapSp {
  display: none;
}
#access #liveWrap {
 background-color: #eee;

}
#access #liveWrap #liveBox {
  
  margin: 30px auto;
}
    #access .printBox {
    padding: 30px 0;
  }
  #access .printBox a {
    display: block;
    background-color: #555;
    color: #fff;
    text-align: center;
    font-size: 20px;
    width: 200px;
    height: 60px;
    display: flex;
justify-content: center;
align-items: center;
    border-radius: 6px;
    margin: 0 auto;
  }
#access .printBox a:hover {
  background-color: #ccc;
}*/

/*@media print{
  #access  {
    width: 80%;
    margin: 0 auto;
  }
  #access #pageTit,
   #access #headerBox .rightBox,
  #access nav,
  #access #contactWrap,
  #access #footerWrap,
  #access .printBox,
  #access .telMr,
  #access #glyWrap #rightBox > a,
  #access #common_header,
  #access #common_footer_bnrs,
  #access #common_footer,
  #access #common_footer_ftag,
  #access #liveBox,
  #access #yokokuWrap,
  #access #goPageTop,
  #access #t_live_balloon,
  #access #t_live_btn
  {
    display: none;
  }
  #access #headerBox .leftBox {
    width: 60%;
  }

  #access #glyWrap #mapGly p {
    padding-bottom: 0;
  }
  #access #wrapper {
    padding-bottom: 0px;
}

}*/



@media screen and (max-width : 959px ){

  
}

@media screen and (max-width: 599px) {
	#access #pageWrap {
		background-size: 50%, 50%;
	}
	#access .pnch {
		display: block;
		font-size: 14px;
		margin-bottom: 0.5em;
	}
	#access .pnch::before {
		content: "　";
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		background-image: url("../../images/access/ico-pinchi.png");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 100%;
		margin-right: 0.5em;
	}
	#access #mapWrap {
		padding: 0px 0;
	}
	#access #btnBox {
		width: 90%;
		max-width: 300px;
		margin: 20px auto 0;
	}
	#access #btnBox li {
		width: 100%;
		margin-top: 10px;
	}
	#access #btnBox li a {
		height: 3.5em;
	}
	
	#mapGmap #gmapWrap {
	width: 90%;
		margin: 0 auto 30px;
	height: 0;
	padding-top: 100%;
	position: relative;
}

}

/*========================================*/
/*=============== マンションギャラリーm==================*/
/*=========================================*/

#access.access_mr {
	
}
#access.access_mr h3 {
	max-width: 1000px;
	background-color: #000;
	color: #fff;
	font-size: 24px;
	padding: 0.3em;
	margin: 0 auto;
	margin-bottom: 15px;
}
#access.access_mr #mapWrap {
	position: relative;
	max-width: 1000px;
	padding: 0;
	margin: 0 auto;
	
	
}
#access.access_mr #mapWrap div.address {
	/*background-color:rgba(1,175,143,0.54);*/
	position: absolute;
	color: #ad1828;
	font-size: 2.8vw;
	font-size: clamp(13px, 2.8vw, 30px);
	width: 44.4%;
	height: 18%;
	left: 55.5%;
	top: 81%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-wrap: wrap;
	padding: 1% 0;
	
}
#access.access_mr #mapWrap div.address p {
	line-height: 1;
}
#access.access_mr #mapWrap div.address p.bk {
	font-size: 75%;
	color: #000;

}

@media screen and (max-width: 599px) {
	#access.access_mr h3 {
		font-size: 16px;
		font-size: clamp(15px, 4.3vw, 17px);
	}
	#access.access_mr #mapWrap div.address {
		/*background-color:rgba(1,175,143,0.54);*/
		font-size: 4.8vw;
		font-size: clamp(17px, 4.8vw, 19px);
		width: 84%;
		height: 9.5%;
		left: 8.6%;
		top: 90.5%;
		padding: 2% 0;
	}

}