<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* ===================================================================

 file name  :responsive.css
 style info :共通のレスポンシブスタイル指定（ストラクチャ、ヘッダー、フッター）

=================================================================== */


/* =====================================================================================================
   between
 ===================================================================================================== */
@media screen and (max-width: 800px){


	/* ---------------------------------------------------------------------------
			#propertyHeader
				物件固有のヘッダー
	--------------------------------------------------------------------------- */
	#propertyHeader .inner h2{
		width: 40%;
		float: none;
	}
	#propertyHeader .inner .hnav{
	  width: auto;
	  float: none;
	  text-align: center;
	}
	#propertyHeader .inner .hnav ul{
		justify-content: center;
	}
	#propertyHeader .inner .hnav ul li{
	  max-width: initial;
	}
#propertyHeader .inner .hnav ul li:first-child/*,
#propertyHeader .inner .hnav ul li:nth-child(2)*/{
  max-width: initial;
  width: 27.7%;
}
	#propertyHeader .inner .hnav ul li.drop ul li a {
	  padding: 15px 0;
	  font-size: 10px!important;
	}

	#pageTop {
	display: none;
	}

	#propertyHeader #menuBtn{
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
		width: 9.0625%;
		max-width: 50px;
		background: url(../../images/common/btn_close.gif) no-repeat;
		background-size: 100% auto;
	}
	#propertyHeader #menuBtn img{
		transition: all ease 0.3s;
	}
	.dialogIsOpen #propertyHeader #menuBtn img{
		opacity: 0;
	}
	
	#propertyHeader #gnav{
		background: #FFF;
		border:none;
		position: absolute;
		left: 0;
		width: 100%;
		max-height: 0;
		transition: all ease 0.4s;
		overflow: hidden;
		z-index: 99999;
	}
	.dialogIsOpen #propertyHeader #gnav{
		max-height: 420px;
	}
	#propertyHeader #gnav ul{
		border-top: 1px solid #d6d6d6;
	}
	#propertyHeader #gnav ul li{
		width:100% !important;
		float: none;
	}
	#propertyHeader #gnav ul li::before,
	#propertyHeader #gnav ul li::after{
		content: none !important;
	}
	#propertyHeader #gnav ul li a{
		padding: 16px 0;
		height: 44px;
		font-size: 1.1rem;
		border-bottom: 1px solid #d6d6d6;
	}
	#propertyHeader #gnav #gnavConcept a,
	#propertyHeader #gnav #gnavInterview a,
	#propertyHeader #gnav #gnavDinterview a,
	#propertyHeader #gnav #gnavModel a,
	#propertyHeader #gnav #gnavHouse a{
		padding: 8px 0 0;
	}
	#propertyHeader #gnav ul li a::before{
		content: none;
	}


	/* ---------------------------------------------------------------------------
			#content
				コンテンツ
	--------------------------------------------------------------------------- */
	/*
		#pageHeader
	*/
	#pageHeader h1{
	}
	#pageHeader .cap{
		font-size: 1rem;
	}
	
	
	/*
		.common-section
	*/
	#content .common-section .pager{
		padding: 40px 10px;
	}
	#content .common-section .pager li{
		width: 280px;
	}
	#content .common-section .pager li a{
		padding: 15px 0;
		font-size: 1.4rem;
	}
	#content .common-section .pager .prev a::before{
		left: 15px;
	}
	#content .common-section .pager .next a::before{
		right: 15px;
	}
	#content .common-section .pager .prev a:hover::before{ left: 10px;}
	#content .common-section .pager .next a:hover::before{ right: 10px;}
	
	#content .common-section .foot-img figcaption{
		font-size: 1rem;
	}
	#content .common-section .btn-links{
		max-width: 400px;
		width: 80%;
		margin: 0 auto;
		padding: 30px 15px;
	}
	#content .common-section .btn-links ul li{
		width: auto;
		float: none;
		text-align: center;
		margin: 0 !important;
	}
	#content .common-section .btn-links ul li:last-child{margin-bottom: 0;}
	#content .common-section .bnrs{
		padding: 30px 15px;
	}
	#content .common-section .bnrs li{
		width: auto;
		float: none;
		margin-bottom: 10px;
		text-align: center;
	}
	#content .common-section .bnrs li:nth-of-type(even){float: none;}
	#content .common-section .bnrs li:nth-child(3){margin:0;}

	#content .common-section .holiday{
		margin-top: 30px;
	}
	#content .common-section .holiday p{
		font-size:  1.2em;
	}
	#content .common-section .holiday p .caption{
		font-size: 1.1rem;
	}




	/* ---------------------------------------------------------------------------
			#propertyFooter
				物件固有のフッター
	--------------------------------------------------------------------------- */
	#propertyFooter .info-wrap p{
		text-align: center;
		display: block;
	}
	#propertyFooter .info-wrap .dev{
		width: 100%;
	}
	#propertyFooter .info-wrap .dev span{
		display: block;
	}
	#propertyFooter .info-wrap .dev span:nth-child(1) img{
		width:100%;
		float: none;
		max-width: 250px;
		margin: 0 auto 3%;
	}
	#propertyFooter .info-wrap .dev span:nth-child(2) img{
		width: 74%;
		float: none;
		padding-top: 0;
		max-width: 358px;
		margin: 0 auto 3%;
	}
	#propertyFooter .info-wrap .tellink{
		float: none;
		width: 100%;
		max-width: 324px;
		margin: 0 auto;
	}
	#propertyFooter .info-wrap .inner{
		display: block;
	}


}



/* =====================================================================================================
   smartPhone
 ===================================================================================================== */
@media screen and (max-width: 640px){


	/* ---------------------------------------------------------------------------

			structure
				ストラクチャ：基本設定、リンクカラーなど

	--------------------------------------------------------------------------- */






	/* ---------------------------------------------------------------------------
			#wrapper
				全体
	--------------------------------------------------------------------------- */



	/* ---------------------------------------------------------------------------
			#header
				ヘッダー
	--------------------------------------------------------------------------- */
	#header{
	}

	/* ---------------------------------------------------------------------------
			#globalHeader
				レギュレーションヘッダー
	--------------------------------------------------------------------------- */
	#globalHeader .inner{
		padding: 0;
		border-bottom: none;
	}
	#globalHeader .logo{
    width: 50%;
		float: none;
		padding: 10px;
		max-width: 220px;
	}
	#globalHeader .logo img{
		vertical-align: top;
	}
	#globalHeader .hnav ul .hnav-sitemap{
		position: absolute;
		top:20px;
		right:10px;
	}



#globalHeader .ttl-sub{
  font-size: 11px;
  font-weight: bold;
  line-height: 1.6;
  background: #ddd;
  width: 100%;
  top: 35px;
  padding: 3px 0;
  display: block;
  text-indent: 20px;
	border-bottom: 1px solid #d2d2d2;
}
#globalHeader .pankuzu{
	padding: 10px;
  font-size: 10px;
}
#globalHeader .pankuzu a{
	color:#006BB5;
}
#globalHeader .pankuzu a:hover{
	text-decoration: underline;
}



	/* ---------------------------------------------------------------------------
			#content
				コンテンツ
	--------------------------------------------------------------------------- */
	/*
		#pageHeader
	*/
	#pageHeader h1{
		margin: 0 -50%;
	}
	
	/*
		.common-section
	*/
	#content .common-section .pager{
		padding: 30px 10px;
	}
	#content .common-section .pager li{
		width: 100%;
		float: none !important;
	}
	#content .common-section .pager li + li{
		margin: 10px 0 0;
	}
	#content .common-section .pager li a{
		padding: 10px 0;
		font-size: 1.4rem;
	}
	
	/* ---------------------------------------------------------------------------
			#main
				メイン
	--------------------------------------------------------------------------- */



	/* ---------------------------------------------------------------------------
			#footer
				フッター
	--------------------------------------------------------------------------- */
	#footer{
		padding-bottom: 0;
	}


	/* ---------------------------------------------------------------------------
			#propertyFooter
				物件固有のフッター
	--------------------------------------------------------------------------- */
	#propertyFooter .fnav ul{
		overflow: hidden;
	}
	#propertyFooter .fnav ul li{
		display: inline-block;
		margin:0 0 0.3em 0;
		width:50%;
		float: left;
		font-size: 1.1rem;
	}




	/* ---------------------------------------------------------------------------
			#globalFooter
				レギュレーションフッター
	--------------------------------------------------------------------------- */
	#globalFooter{
		margin: 20px auto;
	  max-width: 980px;
	  padding: 0 10px;
	}
	#globalFooter ul{
		max-width: 50%;
    margin: 0 auto;
		display: block;
		overflow: hidden;
	}
	#globalFooter ul li {
	  width: 50%;
	  float: left;
	}
	#globalFooter ul li.spHide,
	#globalFooter .copyright.spHide{
		display: none;
	}
	#globalFooter .copyright{
		text-align: center;
	}







}


</pre></body></html>