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

/*////////////////////////////////////////////////////////////////////
body
////////////////////////////////////////////////////////////////////*/
body{
	position:relative;
}


/*////////////////////////////////////////////////////////////////////
ロゴ
////////////////////////////////////////////////////////////////////*/
div#logo{
	width:100%;
	height:0;
	position:relative;
}
div.request {
	position:fixed;
	right:200px;
	top:10px;
	z-index:9000;
}
div#logo p {
	position:fixed;
	right:40px;
	top:10px;
	z-index:9000;
	text-align:right;
}
div#logo p img {
	width:80%;
	height:auto;
}
/*////////////////////////////////////////////////////////////////////
bxslider(トップのスライダー)
////////////////////////////////////////////////////////////////////*/
#mv {
	position:relative;
}
#mv li img{
	width: 100%;
}

#mv .mv_txt{
	position:absolute;
	width:100%;
	left:0;
	top:20%;
	margin:0;
	z-index:9999;
	text-align:center;	
}
#mv .mv_txt {
}
/*////////////////////////////////////////////////////////////////////
header
////////////////////////////////////////////////////////////////////*/
header{
	background:url(../img/bg_header.jpg) 50% 0 repeat-x;
	width:100%;
	height:140px;
	z-index:999;
}

header div#header_wrap{
	width:950px;
	height:140px;
	margin:0 auto 0 auto;
	position:relative;
}
header div#header_wrap h1{
	width:210px;
	height:99px;
	position:absolute;
	left:0;
	top:20px;
	z-index:9999;
}

/*////////////////////////////////////////////////////////////////////
ナビゲーション
////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////
ナビゲーション
////////////////////////////////////////////////////////////////////*/
nav ul{
	width:100%;
	text-align: center;
}
nav ul li{
	display: inline-block;
	vertical-align: middle;
}
nav ul li a{
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	padding: 1em 3em;
}
nav ul li a span{
	display: block;
	font-size: 12px;
	margin: 5px 0;
}
nav ul li:nth-of-type(5) br{
	display: none;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
/*
nav ul{
	width:950px;
	height:140px;
	position:relative;
}
nav ul li.nav_btn1{
	width:52px;
	height:140px;
	position:absolute;
	left:260px;
	top:0;
	}	
nav ul li.nav_btn2{
	width:83px;
	height:140px;
	position:absolute;
	left:392px;
	top:0;
	}	
nav ul li.nav_btn3{
	width:51px;
	height:140px;
	position:absolute;
	left:555px;
	top:0;
	}	
nav ul li.nav_btn4{
	width:69px;
	height:140px;
	position:absolute;
	left:686px;
	top:0;
	}	
nav ul li.nav_btn5{
	width:133px;
	height:140px;
	position:absolute;
	left:835px;
	top:0;
	}	
.nav1_ov, .nav2_ov, .nav3_ov, .nav4_ov, .nav5_ov {
	-ms-filter: "alpha( opacity=0 )";
	filter:alpha(opacity=0);
	opacity:0;
}

nav ul li.nav_btn1.current{
	background:url(../img/nav_btn_01_ov.png) 0 0 no-repeat;
}
nav ul li.nav_btn2.current{
	background:url(../img/nav_btn_02_ov.png) 0 0 no-repeat;
}
nav ul li.nav_btn3.current{
	background:url(../img/nav_btn_03_ov.png) 0 0 no-repeat;
}
nav ul li.nav_btn4.current{
	background:url(../img/nav_btn_04_ov.png) 0 0 no-repeat;
}
nav ul li.nav_btn5.current{
	background:url(../img/nav_btn_05_ov.png) 0 0 no-repeat;
}*/


/*////////////////////////////////////////////////////////////////////
ページトップへ戻る
*/
p#go_top {
	position: fixed;
	bottom: 33px;
	right: 40px;
	z-index: 999;
}



/*////////////////////////////////////////////////////////////////////
コンセプト
////////////////////////////////////////////////////////////////////*/
div#concept{
}
div#concept div#concept_wrap{
	width:950px;
	margin:0 auto 0 auto;
	padding: 30px 0 20px;
	display: table;
}

div#concept_l{
	width:480px;
	float:left;
}
div#concept_l h2{
	margin:20px 0 30px 0;
	text-align:center;
}
div#concept_l p{
	margin:0 0 30px 0;
	line-height:2.25;
	font-size:16px;
	color:#666;
	text-align:center;
}

/*資料請求ボタン*/
div#to_inquiry1{
	text-align:center;
}


div#concept_r{
	width:350px;
	float:right;
	vertical-align:middle;
}
div#concept_r ul{
	width:100%;
	height:100%;
	margin:auto auto auto auto;
	list-style:none;	
}
div#concept_r ul li{
	width:450px;
	height:525px;
}
div#concept_r ul li img{
	margin:auto auto auto auto;
}


.fix_nav{
	margin-top:165px;
}

/*////////////////////////////////////////////////////////////////////
間取り
////////////////////////////////////////////////////////////////////*/
div#plan div#plan_wrap{
	width:950px;
	margin:0 auto 70px auto;
	position:relative;
}


/*1F////////////////////////////////////////////////////////////////*/
div#plan_1st_floor{
	position:relative;
}

/*2F////////////////////////////////////////////////////////////////*/
div#plan_2nd_floor{
	position:relative;
}

/*サムネ+説明共通///////////////////////////////////////////////////*/
div#plan dl{
	width:auto;
	height:auto;
	position:absolute;
}
div#plan dl dt a:hover img{
	-ms-filter: "alpha( opacity=75 )";
	filter:alpha(opacity=75);
	opacity:0.75;
}

/*1F説明の座標*/
dl#p1_desc1{
	left:256px;
	bottom:20px;
}
dl#p1_desc2{
	left:0px;
	bottom:60px;
}
dl#p1_desc3{
	left:0px;
	top:295px;
}
dl#p1_desc4{
	left:0px;
	top:180px;
}
dl#p1_desc5{
	left:25px;
	top:47px;
}
dl#p1_desc6{
	left:277px;
	top:2px;
}
dl#p1_desc7{
	left:503px;
	top:2px;
}
dl#p1_desc8{
	right:0px;
	top:50px;
}
dl#p1_desc9{
	right:0px;
	top:186px;
}
dl#p1_desc10{
	right:25px;
	top:350px;
}
dl#p1_desc11{
	right:25px;
	bottom:147px;
}
dl#p1_desc12{
	right:25px;
	bottom:20px;
}

/*2F説明の座標*/
dl#p2_desc1{
	left:2px;
	bottom:37px;
}
dl#p2_desc2{
	left:2px;
	top:415px;
}
dl#p2_desc3{
	left:77px;
	top:292px;
}
dl#p2_desc4{
	left:77px;
	top:218px;
}
dl#p2_desc5{
	left:180px;
	top:115px;
}
dl#p2_desc6{
	right:285px;
	top:115px;
}
dl#p2_desc7{
	right:0px;
	top:192px;
}
dl#p2_desc8{
	right:85px;
	bottom:100px;
}
dl#p2_desc9{
	right:85px;
	bottom:20px;
}

/*資料請求ボタン*/
div#to_inquiry2{
	width:172px;
	height:172px;
	position:absolute;
	top:3px;
	right:0;
}


/*////////////////////////////////////////////////////////////////////
アクセス
////////////////////////////////////////////////////////////////////*/
div#access{
	background:url(../img/access_bg.jpg);
}
div#access_wrap{
	width:950px;
	margin:0 auto 0 auto;
	padding:80px 0 200px 0;
	position:relative;
}
div#access_wrap div#map{
	text-align:center;
	margin:0 0 20px 0;
}

div#access_wrap div#env{
	position:relative;
}
div#access_wrap div#env p{

}

/*資料請求ボタン*/
div#to_inquiry3{
	width:172px;
	height:172px;
	position:absolute;
	top:0px;
	right:389px;
}


/*////////////////////////////////////////////////////////////////////
物件概要
////////////////////////////////////////////////////////////////////*/
div#gaiyo{
	/*background:url(../img/gaiyo_bg.jpg) 50% 0 no-repeat;*/
	width:100%;
	background-color:#231815;	
}
div#gaiyo_wrap{
	background:url(../img/gaiyo_gaikan.png) right bottom no-repeat;
	width:950px;
	min-height:400px;
	margin:0 auto 0 auto;
	padding:30px 0 0 0;
	position:relative;
}

/*資料請求ボタン*/
div#to_inquiry4{
	width:172px;
	height:172px;
	position:absolute;
	bottom:-86px;
	left:24px;
	z-index:9999;
}

/*////////////////////////////////////////////////////////////////////
下部スライダー
////////////////////////////////////////////////////////////////////*/
/**/
.slideFrame {
	width:100%;
	height:350px;
	position:relative;
}
.slideFrame ul {
	margin:0;
	padding:0;
}
.slideFrame ul li {
	float:left;
	list-style:none;
}
.slideCtrl {
	position:absolute;
	top:0;
	width:30px;
	height:350px;
	color:#fff;
	display:table;
	background-color:#000;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	opacity:0.7;
	font-weight:700;
	font-size:16px;
	padding-top:175px;
}
.slideFrame div.left {
	left:0;
}
.slideFrame div.right {
	right:0;
}

/*////////////////////////////////////////////////////////////////////
フッター
////////////////////////////////////////////////////////////////////*/
/*footer{
	background:url(../img/bg_footer.jpg) 0 50% repeat-x;
	width:100%;
	height:110px;
}

div#footer_wrap{
	width:950px;
	height:110px;
	margin:0 auto 0 auto;
	text-align: center;
}
div#footer_wrap img{
	margin:37px 0 0 0;
}
.footer-request {
float:right;
margin-right: 120px;
margin-top: -72px;
height: 36px;
}*/
footer{
	width:100%;
	height:145px;
	padding: 20px;
	box-sizing: border-box;
}
#foot{
	margin: 20px 0;
}
#foot img, #foot nav, #foot ul li{
	display: inline-block;
	vertical-align: middle;
}
#foot ul{
	margin-left: 20px;
}
#foot ul li{
	margin: 0 10px;
}
small{
	font-size: 12px;
	color: #999999;
}
#foot_smp{
	display: none;
}
.footer-request {
float:right;
margin-right: 120px;
margin-top: -24px;
height: 36px;
}
@media screen and (max-width:599px) {
.footer-request{
margin: 0 0 5px;
width: 100%;
float: none;
clear: both;
}
small{
float: left;
margin: 5px 0;
}
	footer{
		height:auto;
		padding: 10px;
	}
	#foot{
		display: none;
	}
	article{
		margin-bottom: 60px;
	}
	#foot_smp{
		display: inherit;
		border-top: 1px solid;
		position: fixed;
		bottom: 0;
		z-index: 999;
		background-color: #FFFFFF;
		font-size: 0;
		height: 60px;
		padding: 0;
	}
	#foot_smp div{
		display: inline-block;
		padding: 10px;
	}
	#tel__btn {
		position: fixed;
		bottom:0;
		left: 45%;
		cursor: pointer;
		padding: 0 !important;
	}
	/*#tel__btn span:after {
		content:url(../img/smp_tel_btn.png);
	}*/
	#con__btn {
		cursor: pointer;
	}
	.menu {
		/*position: fixed;
		top: 0;
		left: 0;*/
		position:absolute;
		bottom:60px;
		left:0;
		display: table;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.9);
		/*-webkit-transition: all .5s;
		transition: all .5s;*/
		visibility: hidden;
		opacity: 0;
		z-index:100;
	}
	#tel__nav ul,
	#con__nav ul {
		display:table;
		font-size:0;
		width:100%;
		padding:10px 5px;
		box-sizing: border-box;
	}
	#tel__nav ul li {
		display:block;
		width:80%;
		margin: 0 auto;
	}
	#tel__nav ul li a {
		padding: 0.7em 0;
	}
	#con__nav ul li {
		display:table-cell;
		width:50%;
		text-align:center;
		font-size: 18px;
	}
	#tel__nav ul li img {
		width:95%;
		filter: invert(100%);
	}
	#con__nav ul li a {
		text-align: center;
		border: 1px solid;
	}
	/* 開閉用ボタンがクリックされた時のスタイル */
	.open_tel #tel__nav,
	.open_con #con__nav {
		/*-webkit-transition: all .5s;
		transition: .5s;*/
		visibility: visible;
		opacity: 1;
	}
	#foot_smp div.btn{
		width: 33%;
		height: 100%;
		float: right;
		background-color: #999999;
		color: #FFFFFF;
		text-align: center;
	}
	#foot_smp div.btn span{
		font-size: 18px;
	}
	img.foot_logo{
		width: 85%;
		height: auto;
		margin: 3% 0;
	}
}
@media screen and (max-width:320px) {
	#tel__btn {
		left: 44%;
	}
	img.foot_logo{
		width: 80%;
	}
}

/*////////////////////////////////////////////////////////////////////
資料請求ボタン共通
デフォで非表示、currentでfadein()
////////////////////////////////////////////////////////////////////*/
.to_inquiry{
	display:none;
}

.to_inquiry a:hover img{
	-ms-filter: "alpha( opacity=75 )";
	filter:alpha(opacity=75);
	opacity:0.75;
}