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

/*/// ファーストビュー ///*/

#view img {
	width: 100%;
	height: auto;
}

/*マンションギャラリーインフォエリア*/
.request_InfoArea {
	background-image: linear-gradient(90deg, #ccaaf3, #ffdee1 33%, #fff7d8 76%, #b7bbff);
	padding: 4.5rem;
	box-sizing: border-box;
	display: flex;
}

.request_InfoArea_Text {
	width: 57.09090909%; /*1650:942*/
}

.request_InfoArea_Text p:first-child {
	font-size: calc(100vw * 63/ 1920);
	line-height: 1.6;
}

.request_InfoArea_Text p:nth-child(2) {
	font-size: calc(100vw * 42/ 1920);
}

.request_InfoArea_Btn {
	width: 42.90909091%; /*1650:708*/
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.request_InfoArea_Btn p {
	display: flex;
	align-items: center;
}

.request_InfoArea_Btn p:first-child {
	width: 74.15254237%; /*708:525*/
	color: #fff;
	background-color: #b7bbff;
	font-size: calc(100vw * 42/ 1920);
	text-align: center;
	justify-content: center;
}

.request_InfoArea_Btn p:first-child a {
	color: #fff;
	padding: 4.5rem 0;
}

.request_InfoArea_Btn p:nth-child(2) {
	color: #fff;
	font-size: 1.8rem;
	position: absolute;
	top: 50%;
	right: 15%;
	bottom: 50%;
}

.request_InfoArea_Btn p:nth-child(2) a {
	color: #fff;
}

/*帯エリア*/
.obiArea {
	background-color: #0b1734;
	color: #fff;
	padding: 2.1rem 0;
	text-align: center;
}

.obiArea ul {
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.obiArea ul li {
	width: calc(100% / 4);
	margin: 1rem auto;
	border-right: solid 1px #fff;
	box-sizing: border-box;
}

.obiArea ul li:last-child {
	border: none;
}

.obiArea ul li img {
	width: 100%;
	max-width: 443px;
	height: auto;
	margin: 0 auto;
}

.final {
	background-color: #f5f8fa;
	padding: 4.5rem 0;
}

.final .final-Text img {
	max-width: 495px;
	margin: 0 auto;
}


.blackArea {
	background: #fff;
	color: #222;
	padding: 2.7rem 0;
}

.blackArea p {
 text-align: center;
 font-size: 3.6rem;
 line-height: 1.5;
 /*letter-spacing: 0.2rem;*/
}

.blackArea p.blackArea_Info {
	margin-top: 2.1rem;
}

.blackArea p.priceTitle {
	background: #002B66;
	color: #fff;
	max-width: 200px;
	margin: 0 auto;
}

/*.blackArea p:nth-child(2),*/
/*.blackArea p:nth-child(4) {
	margin-top: 5.4rem;
}*/


.blackArea p span.day {
	margin: 0 -0.25em;
}

.blackArea p.price img {
	max-width: 600px;
	height: auto;
	margin: 3rem auto 0;
}

.blackArea .obiInfo {
	margin-top: 3rem;
}

.blackArea .blackArea_InfoBox {
	margin: 6rem auto;
}

.blackArea .cmp { 
	margin: 6rem auto;
}

.blackArea .newInfo {
	max-width: 960px;
	margin: 3rem auto;
	color: #0c3130;
	background: rgba(208,216,212,1);
	padding: 3rem 1.2rem;
	box-sizing: border-box;
}

.blackArea .newInfo ul {
	text-align: center;
	margin: 2rem auto;
}

.blackArea .newInfo ul li {
	font-size: 2.7rem;
	margin-bottom: 1.2rem;
}

.blackArea .newInfo .newInfo_data {
	font-size: 2.7rem;
	margin-bottom: 1.5rem;
}

.blackArea .information-title {
	color: #222;
	/*background-color: #fff571;*/
	font-size: 5rem;
	line-height: 1.5;
	display: block;
	width: 41.6%;
	margin: 0 auto 2rem;
}

.blackArea .information-text {
	font-size: 3.6rem;
	line-height: 1.5;
	display: inline-block;
	position: relative;
  	left: 50%;
  	transform: translateX(-50%);
	margin-bottom: 3rem;
}

.blackArea .information-text .information-text-caution {
	font-size: 10px;
	text-align: right;
}

.blackArea .information-textPrice {
	margin: 4.5rem auto 0;
}

.blackArea .information-textPriceBottom {
	margin: 0 auto;
}

.blackArea .information-textPoint {
	margin: 2rem auto;
}


.blackArea .information-textPlan {
	font-size: 3rem;
	margin: -3rem auto 6rem;
	display: inline-block;
	position: relative;
  	left: 50%;
 	transform: translateX(-50%);
}

.blackArea .information-textPlan a {
	color: #fff;
}

#content {
	/*background: #678A9D;*/
	background: #FFFFFF;
}

/*/// インフォメーションエリア ///*/
#info {
	text-align: center;
}

#info .infoInner {
	width: 100%;
	max-width: 960px;
	padding: 6rem 0 3rem;
	margin: 0 auto;
}

#info div.infoBox {
	background-color: #e0ffff;
	margin-bottom: 3rem;
	padding: 3rem 3rem 10rem;
}

#info div.infoBox p {
	font-size: 1.6rem;
	line-height: 2;
	text-align: left;
}

#info div.infoBox p.infoTitle {
	text-align: center;
	font-weight: 400;
}

#info div.infoBtn {
	max-width: 680px;
	margin: 7.2rem auto;
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#info div.infoBtn p {
	width: 307px;
	margin: 0 auto;
}

#info div.infoBtn p a.nolink {
	background-color: #000;
	opacity: .45;
}


/*//インフォ移行*/
div.iframe-content {
	height: 100%;
}

iframe {
	width: 100%;
	max-width: 960px;
	height: 180px;
}

/*/// dataエリア ///*/
.dataArea {
	margin: 0 auto;
	padding-top: 4.5rem;
}

/*/// バナーエリア ///*/
.bnrArea {
	max-width: 768px;
	margin: 4.5rem auto 0;
	padding-top: 4.5rem;
}

.bnrArea p {
	margin-bottom: 3rem;
}

.bnrArea p img {
	max-width: 768px;
	height: auto;
}

.bnrArea p.homes img {
	max-width: 600px;
	height: auto;
	margin: 0 auto;
}


/*/// メニューエリア ///*/
#contNav {
	margin-top: -6rem;
}

#contNav div {
	text-align: center;
}

#contNav div img {
	width: 100%;
	max-width: 1920px;
	height: auto;
	margin: 0 auto;
	vertical-align: top;
}

#contNav div.contNavDesign {
	width: 100%;
	background: url("../images/contNav_design_bg.png") no-repeat left top;
	padding: 30% 0;
	background-size: cover;
	position: relative;
}

#contNav div.contNavDesign img:first-child {
	width: 50%;
	max-width: 960px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#contNav div.contNavDesign img:last-child {
	width: 33.65%;
	position: absolute;
	bottom: 30%;
	left: 20.85%;
}

#contNav div.contNavDesign p {
	position: absolute;
	right: 10px;
	bottom: 0;
	color: #fff;
	font-weight: 600;
	text-shadow: 0px 0px 1px #000000, 0px 0px 5px #000000;
}

#contNav div.contNavLocation {
	position: relative;
	margin-top: -15%;
}

#contNav div.contNavLocation img.bg {
	width: 100%;
	max-width: 1920px;
	height: auto;
	position: relative;
}

#contNav div.contNavLocation img {
	width: 46%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 15% auto;
}

#contNav div.contNavBtn {
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	margin-top: -10%;
}

#contNav div.contNavBtn div.btnWrap {
	width: calc(100% / 2);
}

/*/// メニューエリア リンクoff ///*/

/*#contNav div.contNavDesign a.nolink img:last-child,
#contNav div.contNavLocation a.nolink img:last-child {
	opacity: .6;
}*/


#contNav div.soon {
	position: relative;
	overflow: hidden;
}

#contNav div.soon:before,
#contNav div.soon:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 0;
}

#contNav div.soon:before {
  background: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
}

#contNav div.soon:after {
	  color: #fff;
	  content: "Coming soon...";
	  font-size: 3rem;
	  letter-spacing: 0.35rem;
	  display: flex;
	  text-align: center;
	  justify-content: center;
	  align-items: center;
	  bottom: 0;
	  right: 0;
	  z-index: 2;
}

#contNav div.soon:hover::before,
#contNav div.soon:hover::after {
  opacity: 1;
}

/*#contNav a.nolink {
	background-color: #000;
	position: relative;
	opacity: .9;
	z-index: 2;
}

#contNav a.nolink:after {
	content: "COMING SOON";
	width: 100%;
	font-size: 3rem;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}*/

/*/// CASBEE ///*/
div.casbee {
	background: #fff;
	padding: 4.5rem 0;
}

div.casbee p {
	text-align: center;
}

div.casbee p img {
	max-width: 350px;
	margin: 0 auto;
}

/*/// 注釈追加分 ///*/
.infoCaution {
	background: #fff;
}

.infoCaution ul li {
	line-height: 1.6;
}

/*/// 相互リンク ///*/
div.linkBox {
	width: 100%;
	max-width: 1920px;
	background: #fff;
	margin: 0 auto 2.1rem;
	padding: 9rem 2.1rem;
	box-sizing: border-box;
}

div.linkBox h3 {
	color: #000;;
	text-align: center;
	font-size: 3rem;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0.25rem;
	margin-bottom: 6rem;
}

div.linkBox p {
	width: calc(100% / 4);
	padding: 0 0.05%;
	box-sizing: border-box;
	text-align: center;
}

div.linkBox p a {
	color: #231815;
}

div.linkBox p img {
	width: 100%;
	max-width: 460px;
}

div.linkBox p span {
	display: block;
	padding: 0.8em 0;
}
	
span.slickCap {
	border-bottom: solid 1px #000;;
	font-size: 1.2rem;
}

span.slickAdd {
	font-size: 1.2rem;
}


/*/// 現地案内図 ///*/
#map {
}

#map figure {
	margin: 8rem auto;
}

#map .mapImg img {
	max-width: 960px;
	height: auto;
}

#map .gallerymapImg img {
	max-width: 960px;
	height: auto;
	margin: -3rem auto 6rem;
}

p.ggmap {
	width: 50%;
	background: #000;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.25rem;
	text-align: center;
	margin: 2.5rem auto;
	padding: 1.5rem 0;
}

p.gllmap {
	width: 50%;
	background: #000;
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	margin: 2.5rem auto;
	padding: 1.5rem 0;
}

p.ggmap:hover,
p.gllmap:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	opacity: .7;
}

p.ggmap a,
p.gllmap a {
	color: #fff;
}

p.ggmap a:hover,
p.gllmap a:hover {
	opacity: .7;
}

/* 帯調整 */
@media all and (max-width: 960px) {
.blackArea .information-title {
	font-size: 5rem;
	width: 50%;
}
}

/* ipad */
@media all and (max-width: 768px) {

/*メインイメージ*/

/*マンションギャラリーインフォエリア*/
.request_InfoArea {
	padding: 4.5rem;
	flex-direction: column;
	justify-content: center;
}

.request_InfoArea_Text {
	width: 100%;
	margin-bottom: 4.5rem;
}

.request_InfoArea_Text p {
	text-align: center;
}

.request_InfoArea_Text p:first-child {
	font-size: calc(100vw * 40/ 768);
	line-height: 2;
}

.request_InfoArea_Text p:nth-child(2) {
	font-size: calc(100vw * 27/ 768);
}

.request_InfoArea_Btn {
	width: 100%;
}


.request_InfoArea_Btn p:first-child {
	width: 74.15254237%; /*708:525*/
	color: #fff;
	background-color: #b7bbff;
	font-size: calc(100vw * 27/ 768);
	text-align: center;
	justify-content: center;
}

.request_InfoArea_Btn p:first-child a {
	padding: 2.25rem 0;
}

.request_InfoArea_Btn p:nth-child(2) {
	color: #fff;
	font-size: 1.8rem;
	position: absolute;
	top: 50%;
	right: 15%;
	bottom: 50%;
}


/*帯エリア*/
.obiArea {
}

.obiArea ul {
	display: flex;
	display:-webkit-flex;
	display: -ms-flexbox;
	-ms-flex-line-pack: center;
	align-content: center;
}

.obiArea ul li {
	width: 50%;
	padding: 0.5rem 0;
}

.obiArea ul li:nth-child(even) {
	border-right: none;
}

.obiArea ul li:nth-child(3) {
	border-bottom:none;
	}


.blackArea p {
 font-size: 3rem;
}

/*.blackArea p:nth-child(2),*/
/*.blackArea p:nth-child(4) {
	margin-top: 3rem;
}*/

.blackArea .blackArea_InfoBox {
	margin: 3rem auto;
}

.blackArea .newInfo ul li {
	font-size: 2.1rem;
}

.blackArea .newInfo .newInfo_data {
	font-size: 2.1rem;
	margin-bottom: 3rem;
}

.blackArea .information-title {
	font-size: 2.4rem;
}

.blackArea .information-text {
	font-size: 2.1rem;
}

.blackArea .information-textPlan {
	font-size: 2rem;
}


/*/// インフォメーションエリア ///*/
#info {
	margin: 0 auto;
}

#info .infoInner {
	padding: 6rem 1.2rem;
	box-sizing: border-box;
}

#info div.infoBox {
	margin: 1.5rem auto;
	padding: 3rem 3rem 10rem;
}

#info div.infoBtn {
/*	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;*/
	margin: 3.6rem auto;
}

#info div.infoBtn p {
	width: 100%;
	max-width: 768px;
	margin: 0.6rem auto;
}


/*/// メニューエリア ///*/
#contNav {
}

#contNav div.contNavDesign {
}

#contNav div.contNavLocation img {
	width: 55%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 15% auto;
}


/*/// 相互リンク ///*/
div.linkBox {
	margin: 0 auto 4rem;
	padding: 6rem 1.2rem;
	box-sizing: border-box;
}

div.linkBox h3 {
	font-size: 2rem;
}

/*/// 現地案内図 ///*/
#map figure {
	margin: 3rem auto;
}

#map .gallerymapImg img {
	max-width: 960px;
	height: auto;
	margin: 0 auto 6rem;
}

p.ggmap,
p.gllmap {
	width: 90%;
	font-size: 1.8rem;
	padding: 1.5rem 1rem;
	box-sizing: border-box;
}

}



/* sp */
@media all and (max-width: 414px) {
/*メイン*/


/*マンションギャラリーインフォエリア*/
.request_InfoArea {
	padding: 2.5rem;
}

.request_InfoArea_Text {
	margin-bottom: 3rem;
}

.request_InfoArea_Text p {
	text-align: center;
}

.request_InfoArea_Text p:first-child {
	font-size: calc(100vw * 23/ 430);
	line-height: 2;
}

.request_InfoArea_Text p:nth-child(2) {
	font-size: calc(100vw * 20/ 430;
}

.request_InfoArea_Btn {
}


.request_InfoArea_Btn p:first-child {
	width: 100%;
	font-size: calc(100vw * 23/ 430);
	padding: 2.25rem 0;
}

.request_InfoArea_Btn p:nth-child(2) {
	font-size: 1.4rem;
}


/*帯エリア*/
.obiArea {
	padding: 1rem 0;
}

.obiArea ul li {
	margin: 0.5rem auto;
}

.blackArea {
	padding: 2.1rem 0;
}

.blackArea p {
 font-size: 1.8rem;
}

/*.blackArea p:nth-child(2),*/
/*.blackArea p:nth-child(4) {
	margin-top: 1.6rem;
}*/

.blackArea .blackArea_InfoBox {
	margin: 2rem auto 0;
}

.blackArea .cmp { 
	margin: 3rem auto;
}

.blackArea .newInfo ul li {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.blackArea .newInfo .newInfo_data {
	font-size: 1.5rem;
	margin-bottom: 2rem;
}

.blackArea .information-textPrice img {
	width: 85%;
	margin: 0 auto;
}

.blackArea .information-textPriceBottom img {
	width: 85%;
}

.blackArea .information-title {
	font-size: 2rem;
	width: 65%;
}

.blackArea .information-textPlan {
	font-size: 1.4rem;
	margin-top: -3.5rem;
}

/*.blackArea .information-text {
	font-size: 1.6rem;
	line-height: 1.7;
}*/

/*/// インフォメーションエリア ///*/
#info {
}

#info div.infoBtn {
	margin: 0 auto 6rem;
}

/*/// バナーエリア ///*/
.bnrArea p {
	margin-bottom: 1.5rem;
}

/*/// メニューエリア ///*/
#contNav {
margin-top: -2.1rem;
	
}

#contNav div.contNavDesign {
	padding: 30% 0 50%;
}

#contNav div.contNavDesign img:first-child {
	/*width: 45%;*/
}

#contNav div.contNavDesign img:last-child {
	width: 50%;
	bottom: 30%;
	left: 10%;
}

#contNav div.contNavDesign p {
	right: 0;
	font-size: 9px;
	font-weight: 500;
	color: #000;
	text-shadow: 0px 0px 1px #fff,0px 0px 2px #fff,0px 0px 2px #fff;
	padding: 0 5px;
	box-sizing: border-box;
}

#contNav div.contNavBtn div.btnWrap {
	width: 100%;
}

#contNav div.contNavLocation img {
	width: 88%;
	position: absolute;
	top: -3%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 15% auto;
}

/*/// CASBEE ///*/
div.casbee {
	padding: 4.5rem 0 0;
}

/*/// 相互リンク ///*/
div.linkBox h3 {
	font-size: 1.8rem;
	margin-bottom: 3rem;
}


/*/// 現地案内図 ///*/
#map figure {
	margin: 3rem auto;
}

#map .gallerymapImg img {
	margin-bottom: 3rem;
}

p.ggmap,
p.gllmap {
	width: 100%;
	font-size: 1.4rem;
	margin: 0 auto;
	padding: 1.5rem 1rem;
	box-sizing: border-box;
}


#map p.caution {
	line-height: 1.5;
}
}