@charset "utf-8";
#mainArea img{ opacity:0;}
/*				ギャラリー
======================================================= */
.galleryArea{}
.galleryArea ul{
	overflow:hidden;
	margin-left:-50px;
	margin-bottom:-50px;
}
.galleryArea ul li{
	float:left;
	width:33.3333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333%;
	padding-left:50px;
	padding-bottom:3.5%;
}
.galleryArea ul li a{ display:block;}
.galleryArea ul li img{ width:100%;}
.galleryArea ul li.right{ float:right;}
.galleryArea ul li.clear{ clear:both;}
@media(min-width: 501px){
.galleryArea ul li.mtAja{ margin-top:-1px;}
}
@media(max-width: 1024px){
.galleryArea ul{
	margin-left:-30px;
	margin-bottom:-30px;
}
.galleryArea ul li{	padding-left:30px;}
}
@media(max-width: 768px){
.galleryArea ul{
	margin-left:-20px;
	margin-bottom:-20px;
}
.galleryArea ul li{	padding-left:20px;}
.galleryArea ul li.spRight{ margin-bottom:-2px;}
}
@media(max-width: 640px){
.galleryArea ul{
	margin-left:-15px;
	margin-bottom:-15px;
}
.galleryArea ul li{	padding-left:15px;}
}
@media(max-width: 500px){
.galleryArea ul li{	width:50%;}
.galleryArea ul li.spAja{
	position:relative;
	
}

.galleryArea ul li.spRight{ float:right;}
.galleryArea ul li.spClear{ clear:both;}
.galleryArea ul li.last{ left:0 !important;}
}

	/*	20210219追記*/
@media (max-width: 500px){
.galleryArea ul li.mtAja {
padding-bottom: 21px;
}
}
@media (max-width: 380px){
.galleryArea ul li.mtAja {
padding-bottom: 16px;
}
}
/*20220622追記*/
.gallery_link {
margin-bottom: 10px;
}
/*				2カラム
======================================================= */
.col2{ overflow:hidden;}
.col2 .colL img{ width:100%;}
@media(min-width: 641px){
.col2 .colL{
	float:left;
	width:43%;
}
.col2 .colR{
	float:right;
	width:57%;
	padding-left:4em;
}
.col2.half .colL{
	width:50%;
	padding-right:1.5em;
}
.col2.half .colR{
	width:50%;
	padding-left:1.5em;
}
}

@media(max-width: 640px){
.col2 .colL{
	width:100%;
	margin-bottom:1em;
}
.col2 .colR{
	width:100%;
}
}
/*				タイトル
======================================================= */
.mainTitle{
	padding-top:0.3em;
	font-size:175%;
	margin-bottom:1em;
}
@media(max-width: 640px){
.mainTitle{
	font-size:150%;
	padding-top:0;
	margin-bottom:0.4em;
}
.mainTitle h2{
	font-size:90%;
}
}

/*				コンセプト
======================================================= */
.concept #conceptMain{ margin-bottom:5em;}
/*				フロア
======================================================= */
.floor #floorMain{ margin-bottom:5em;}
.floor #floorMain .floorSet + .floorSet{ margin-top:3em;}
.floor #floorMain .floorSet .colL img{ border:1px #cccccc solid;}
.floor #floorMain .floorSet .colL p,
.floor #floorMain .floorSet .colL ul{ margin-top:1em;}
.floor #floorMain .floorSet .colR > ul{}
.floor #floorMain .floorSet .colR > ul >li:before{
	content:"・";
	margin-right:1em;
}
.floor #floorMain .floorSet .colR >ul >li > ul{
	margin-left:2.3em;
}
.floor #floorMain .floorSet .colR a{	text-decoration:underline;}
.floor #floorMain .floorSet .colR a:hover{	text-decoration:none;}
@media(max-width: 640px){
.floor #floorMain{ margin-bottom:3em;}
.floor #floorMain .floorSet + .floorSet{ margin-top:2em;}
}
/*				スペック
======================================================= */
.spec{}
.spec #specTop{ margin-bottom:4em;}
.spec #specTop .mainTitle{ padding-top:0;}
.spec #specTop .anchorNv{}
.spec #specTop .anchorNv ul{}
.spec #specTop .anchorNv ul li{
	font-size:150.0%;
	margin-bottom:1em;
}
.spec #specTop .anchorNv ul li:before{
	content:"●";
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:58.3%;
	position:relative;
	top:-0.2em;
	color:#999999;
	margin-right:0.8em;
	
}
.spec #specMain .specSet + .specSet{ margin-top:5em;}
.spec #specMain .specOutline{
	border-bottom:1px #d7d7d7 solid;
}
.spec #specMain .specOutline dl{ overflow:hidden;}
.spec #specMain .specOutline dl dt{
	border-top:1px #d7d7d7 solid;
	float:left;
	clear:left;
}
.spec #specMain .specOutline dl dd{
	border-top:1px #d7d7d7 solid;
	padding-left:10em;
}
.spec #specMain .specOutline dl dd ul li + li{ margin-top:0.5em;}
.spec #specMain .specOutline dl dt,
.spec #specMain .specOutline dl dd{
	padding-top:1.3em;
	padding-bottom:1.2em;
}
@media(max-width: 640px){
.spec #specTop{ margin-bottom:2em;}
.spec #specMain .specSet + .specSet{ margin-top:2em;}
.spec #specTop .anchorNv ul li{
	float:left;
	width:50%;
	font-size:120.0%;
	margin-bottom:0;
}
.spec #specMain .specOutline dl dd{	padding-left:8em;}
}
/*				アクセス
======================================================= */
.access #accessMain{}
.access #accessMain h2{ margin-bottom:1em;}
.access #accessMain .gmap{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin-bottom:2em;
}
.access #accessMain .gmap iframe,
.access #accessMain .gmap object,
.access #accessMain .embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.access #accessMain ul li + li{ margin-top:0.5em;}
@media(max-width: 640px){
.access #accessMain h2{ margin-bottom:0.5em;}
.access #accessMain .gmap{	margin-bottom:1em;}
.access #accessMain ul li + li{ margin-top:0.2em;}
}
/*				内覧
======================================================= */
.preview{}
.preview #previewMain{}
.preview #previewMain .mainTitle{ padding-top:0;}
.preview #previewMain dl{
	line-height:1.8;
	margin-top:2em;
	margin-bottom:3em;
}
.preview #previewMain dl dt:before{
	content:"■";
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.preview #previewMain dl dd{
	padding-left:1em;
}
.preview #previewMain a.btn{
	background-color:#dcdcdc;
	font-size:112.5%;
	color:#000000;
	display:inline-block;
	padding:1em 1.5em;
}
.preview #previewMain a:hover{
	background-color:#e6e3e3;
	text-decoration:none;
}
/*				お問い合わせ
======================================================= */
.contact #contactMain{}
.contact #contactMain p{ display:none;}
.contact #contactMain .mainTitle p{
	display:block;
	font-size:57.1%;
	margin-top:1em;
	margin-bottom:2em;
}
.contact #contactMain table{
	text-align:left;
	vertical-align:middle;
	margin-bottom:5em;
}
.contact #contactMain table tr{}
.contact #contactMain table tr th{
	vertical-align:top;
	width:14%;
	padding-top:0.8em;
}
.contact #contactMain table tr th .required {
	color: #ff0000;
	position:relative;
	top:0.2em;
	margin-left: 0.2em;
}
.contact #contactMain table tr th,
.contact #contactMain table tr td{
	padding-top:0.8em;
	padding-bottom:2em;
}
.contact #contactMain table tr td input{
	border:1px #d7d7e2 solid;
	width:40%;
	padding:0.8em 1em;
	margin-top:-0.8em;
	}
.contact #contactMain table tr td .errormessage {
	color: #ff0000;
	padding-top:0.2em;

}
.contact #contactMain table tr td textarea{
	border:1px #d7d7e2 solid;
	width:100%;
	min-height:210px;
	padding:0.5em 1em;
}
.contact #contactMain table tr.content th{ padding-top:0;}
.contact #contactMain table tr.content th,
.contact #contactMain table tr.content td{
	padding-top:1.5em;
	padding-bottom:0;
}
.contact #contactMain .submit input{
	border:none;
	background-color:#dcdcdc;
	font-size:112.5%;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	width:30%;
	-webkit-appearance: none;
	border-radius: 0;
	padding-top:1em;
	padding-bottom:1em;
}
.contact #contactMain .submit input:hover{
	background-color:#e6e3e3;
}
@media(min-width: 789px){
.contact #contactMain .submit input{	margin-left:38px;}
.contact #contactMain .submit input:first-child{	margin-left:0px;}
}
@media(min-width: 641px){
.contact #contactMain .submit input{	margin-left:20px;}
.contact #contactMain .submit input:first-child{	margin-left:0px;}
}
@media(max-width: 640px){
.contact #contactMain table{	margin-bottom:2em;}
.contact #contactMain table tr th,
.contact #contactMain table tr td{
	display:list-item;
	width:100%;
	padding-bottom:1.5em;
}
.contact #contactMain table tr th{
	padding-top:0;
	padding-bottom:0.5em;
}
.contact #contactMain table tr td{
	padding-top:0;
}
.contact #contactMain table tr td input,
.contact #contactMain table tr td textarea{
	width:100%;
	padding:0.5em 1em;
	margin-top:0;
}
.contact #contactMain table tr.content th{
	padding-top:0;
	padding-bottom:0.5em;
}
.contact #contactMain table tr.content td{
	padding-top:0;
	padding-bottom:0;
}
.contact #contactMain .submit{ overflow:hidden;}
.contact #contactMain .submit input{
	float:right;
	width:48%;}
.contact #contactMain .submit input:first-child{ float:left;}
}
/*				送信完了
======================================================= */
.complete #completeMain p + a{ margin-top:2em;}
.complete #completeMain a{
	display:block;
	background-color:#dcdcdc;
	font-size:112.5%;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	width:30%;
	padding-top:1em;
	padding-bottom:1em;
}
@media(max-width: 640px){
.complete #completeMain a{width:48%;}
}