@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css

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

/* 恋ヶ窪 
*****************************************************/
#menuList ul li.pageNone{
display: block;
text-align: center;
_float:left;
height:50px;
line-height:50px;
padding:10px 0 0 0;
}
#menuList ul li.pageNone span,#menuList ul li.pageNone strong{
display:block;
font-size:90%;
line-height:1.4;
}
#menuList ul li.pageNone span{
font-size:70%;
}
#menuList ul li.pageNone:hover{
background:transparent;
}

#service,
#buy {
    margin-top:-107px;
    padding-top:107px;
}



/* コンテンツ 
*****************************************************/

.flexboxL { /* スマホ縦並び */
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	
    -webkit-align-items:stretch;/*--- safari（PC）用 ---*/
    align-items:stretch;
}

.contents { width:940px; margin:0 auto; text-align:left; padding:40px 0; }

h2 { font-size:160%; padding-bottom:10px; }

.cap01 { text-align:right; font-size:80%; margin:10px 0 30px; }

@media only screen and (max-width: 960px) {
.contents { width:95%; margin:0 auto; text-align:left; padding:40px 0; }	
}
@media only screen and (max-width: 768px) {
h2 { font-size:130%; font-weight:bold; }
}
@media only screen and (max-width: 530px) {
.cap01 { font-size:60%; }
}

@media only screen and (max-width: 480px) {
.flexboxL { /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;
}
}


/* トップページ
*****************************************************/

.topCopy { width:940px; margin:30px auto 5px; font-size:140%;font-weight:700; color:#4C4948; }

.topImg { text-align:center; background-color:#E6E6E6; }
.topImg img { vertical-align: bottom; }

.topCopy2 { text-align:center; font-size:140%;font-weight:700; color:#CB5D7D; border-bottom:1px dotted #B5B5B6; margin:0 0 10px; }
.topCopy2txt { margin-bottom:20px; }

.topPoint { text-align:center;font-weight:700; border-bottom:1px solid #45BDCF; border-top:1px solid #45BDCF; color:#45BDCF; padding:5px 0; margin:50px 0 20px 0;  }

.topInfo { text-align:center;font-weight:700; border-bottom:1px solid #45BDCF; border-top:1px solid #45BDCF; color:#45BDCF; padding:5px 0; margin:50px 0 20px 0;  }

.info { max-width:600px; float:left; margin-right:30px; }
.info span { font-size:120%; font-weight:bold; color:#CB5D7D; line-height:1.2; }

.infores { float:left; margin:10px auto 0;max-width:340px; }

.topSpec { background-color:#C9E8ED; padding:20px 0; margin:0 0 20px; }


@media only screen and (max-width: 768px) {
.topCopy { width:95%;font-size:120%; margin:20px auto 5px; }
.info { max-width:96%; float:none; margin:0 auto; }
.info span { font-size:120%;color:#CB5D7D; }
.infores { float:none; margin:0 auto; }
.topSpec { padding:20px 10px; margin:0 0 20px; }
.topCopy2 { font-size:120%;text-align:left;}
}

@media only screen and (max-width: 480px) {
.topCopy {  text-align:left; }
.info { width:95%; }	
}


/* アクセス
*****************************************************/

.acc_p02 { margin:20px 0 ; }



/* 物件概要
*****************************************************/
.table_outline { width:100%; }
.table_outline th { width:25%; background-color:#45BDCF; color:#fff; padding:15px ; }
.table_outline .outimg { width:300px; float:left; }
.table_outline .outspec { float:left; margin-left:15px; } 

/* 予告広告 */
.yokoku_img { float:left; }
.yokoku_txt { font-size:70%; padding-left:10px; padding-top:5px; /*float:left;*/ }

@media only screen and (max-width: 780px) {
.table_outline th { width:35%; }	
.yokoku_txt { letter-spacing:-0.1em; }
}

@media only screen and (max-width: 560px) {
.table_outline th,.table_outline td { width:97%; display:block; padding:1.5%; }	
.yokoku_img { padding-top:5px; }
.yokoku_txt { width:96%; padding-top:0; }
}


/* 間取り 、　間取り詳細
*****************************************************/

.table_plan1 { width:100%; text-align:center; margin-bottom:50px; }
.table_plan1 th { width:20%; background-color:#45BDCF; color:#fff; padding:15px ; text-align:center; }

.plan_img { margin:20px 0 0 0; }

.table_plan2 { width:100%; text-align:left; margin-bottom:10px; }
.table_plan2 th { width:25%; background-color:#45BDCF; color:#fff; padding:15px ; text-align:left; }
.table_plan2 td { width:25%; }

.plan { margin:40px 0 10px; }

@media only screen and (max-width: 830px) {
.responsive-table { margin-bottom:30px; }
.table_plan2 { font-size:80%; }
}



/* 設備・仕様
*****************************************************/

/* equipment.html（equipmentの他のページで使用しているタグも有り）*/

.equMenuBox { width:820px; margin:30px auto 50px; }
.equBtnwrap { width:auto; float:left; margin-right:20px; }
.equBtnwrap2 { width:auto; float:left; }
.equBtn { background-color: #fff; color: #45BDCF; border:2px solid #45BDCF; padding:10px 15px; font-size:120%; font-weight:bold; float:left; text-align:center; }
.equBtn:hover { background-color:#45BDCF; color: #fff; }
.equBtnwrap .current { background-color:#45BDCF; color: #fff; }
.equBtnwrap2 .current { background-color:#45BDCF; color: #fff; }

h3 { margin:0 0 20px; }
h3 span { font-size:110%; font-weight:bold; }

.equBox01 { width:300px; border-bottom:1px solid #67BE8D; margin-bottom:30px; float:left; margin-right:20px;  }
.equBox01 .tit { color:#67BE8D; font-size:120%; font-weight:bold; padding:0 5px; }
.equBox01 .txt { padding:3px 5px 10px; }
.equBox02 { width:300px; border-bottom:1px solid #67BE8D; margin-bottom:30px; float:left; }
.equBox02 .tit { color:#67BE8D; font-size:120%; font-weight:bold; padding:0 5px; }
.equBox02 .txt { padding:3px 5px 10px; }
.ls { letter-spacing:-0.1em; }
.lsfs { letter-spacing:-0.1em; font-size:110%!important; }

.equ_p01 { margin:0 auto 40px; }

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

.equimg { width:70%; }

.equBox01 { width:30%; border-bottom:1px solid #67BE8D; margin-bottom:30px; float:left; margin-right:5%;  }
.equBox02 { width:30%; border-bottom:1px solid #67BE8D; margin-bottom:30px; float:left; }
}

@media only screen and (max-width: 840px) {
.equMenuBox { width:70%; margin:15px auto 50px; text-align:center; padding-right:30px; }
.equBtnwrap { width:100%; float:none; margin:0 auto 1.5%; }
.equBtnwrap2 { width:100%; float:none; }
.equBtn { width:100%;  float:none; text-align:center; font-size:110%; }
}

@media only screen and (max-width: 680px) {
.equBox01 { width:90%; border-bottom:1px solid #67BE8D; margin:0 auto 30px; float:none; }
.equBox02 { width:90%; border-bottom:1px solid #67BE8D; margin:0 auto 30px; float:none; }
}

/* equipment2.html（equipmentの他のページで使用しているタグも有り） */

.equ2_titwrap { width:840px; float:left; margin:30px 0 0; }
.equ2_tit { font-size:150%; color:#45BDCF; border-bottom:1px solid #45BDCF; }
.equ2_tit:before {  position:absolute; top:50%; left:0; }
.equ2_tit .tit1 { float:left; background-color:#fff; padding:0 8px 0 0; margin-top:-15px; }
.equ2_tit .tit2 { float:right; background-color:#fff; padding:0 0 0 8px; margin-top:-15px; }
.equ2_tit1 { width:95px; float:left; margin-top:-10px; }

.equ2_tit2 { color:#45BDCF; font-size:150%; padding:15px 8px; border-top:1px solid #45BDCF; border-bottom:1px solid #45BDCF; margin:30px 0; }

.equ_st { font-size:120%; border-top:1px solid #4C4948; border-bottom:1px solid #4C4948; padding:10px; margin:30px 0 10px; }
.equ_st2 { font-size:120%; margin:10px 0 10px; }
.equ_st3 { font-weight:bold; color: #45BDCF; padding-bottom:10px; }

.equ2Box1 { padding:10px; }
.equ2_txt1 { width:700px; float:left; }
.equ2_p01 { width:180px; float:right; }

.equ2Box2wrap { padding:20px 25px 25px; background-color:#F2F2F2; margin:30px auto 60px; width:90%; }
.equ2Box2 { padding:15px 20px; border:1px solid #45BDCF; float:left; margin:0 10px; text-align:center; background-color:#fff; font-size:120%; }
.equ2Box2 .num { color:#45BDCF; padding-bottom:10px; font-weight:bold; }


.equ2Box3 { width:48%; float:left; margin-bottom:10px; margin-right:4%; }
.equ2Box3_2 { width:48%; float:left; margin-bottom:10px; } 
.equ2Box3_3 { width:100%; margin-bottom:20px;  } 
.equ_st4 { font-weight:bold; margin:0; border-bottom:1px solid #4C4948; font-size:95%; }
.equ2_txt2 { width:60%; float:right; font-size:95%; }
.equ2_p02 { width:40%; float:left; }

.equ2_txt3 { width:82%; float:right; font-size:95%; }
.equ2_p04 { width:14%; float:left; }

.equ2_p05 { margin:15px 0 20px; }

.equ2_st { font-size:120%; }
.table_equ { width:100%; margin-bottom:30px; }
.table_equ th { width:25%; background-color:#45BDCF; color:#fff; padding:15px ; }
.table_equ td.td1 { width:25%; background-color:#45BDCF; color:#fff; padding:15px ; }

@media only screen and (max-width: 960px) {
.equ2_titwrap { width:89.361%; float:left; margin:30px 0 2%; }
.equ2_tit .tit1 { float:none; background-color:#fff; padding:0 0 8px 0; margin-top:-30px; }
.equ2_tit .tit2 { float:none; background-color:#fff; padding:0 0 0 8px; margin-top:-15px; }
.equ2_tit1 { width:10.106%; float:left; margin-top:0; }		
.equ2_txt1 { width:100%; float:none; }
.equ2_p01 { width:180px; float:none; margin:10px auto 0; }
.equ2Box2 { padding:1.5%; margin:0 1%; font-size:100%; }
}

@media only screen and (max-width: 660px) {
.equ2Box2 { width:40%; margin:0 1% 2%; }
.equ2Box3 { width:100%; float:none; margin-bottom:10px; margin-right:0; font-size:80%; }
.equ2Box3_2 { width:100%; float:none; margin-bottom:10px; font-size:80%; } 
.equ2Box3_3 { font-size:80%; }
.equ2_txt3 { width:60%; float:right; font-size:95%; }
.equ2_p04 { width:30%; float:left; padding-left:1%; }	
}

@media only screen and (max-width: 540px) {
.equ2_titwrap { width:100%; float:none; margin:30px 0 2%; }
.equ2_tit { font-size:120%; }
.equ2_tit .tit1 { float:none; background-color:#fff; padding:0 0 8px 0; margin-top:-30px; }
.equ2_tit .tit2 { float:none; background-color:#fff; padding:0 0 0 8px; margin-top:-15px; }
.equ2_tit1 { width:20%; float:none; margin:0 auto; }
.equ_st { font-size:110%; }
.table_equ { font-size:80%; }			
}


/* equipment3.html（equipmentの他のページで使用しているタグも有り） */

.equ3_txt1 { color:#45BDCF; margin-bottom:10px; }

.equ2_tit2 span { font-size:70%; }

.equ3_tit { color:#45BDCF; font-size:120%; margin-bottom:10px; }
.equ3_tit2 { font-size:120%; margin-bottom:10px; }
.equ_cap { font-size:70%; margin-bottom:40px; }

.equ3_p07 { text-align:center; padding:10px 0; }

.table_equ td.td2 { background-color:#93D4DB; color:#fff; }


/* 周辺環境
*****************************************************/

.loc_st01 { font-size:120%; margin:30px 0 20px; }

.locmapBtn { text-align:center; width:320px; margin:0 auto 50px; }

.locBtn { border:2px solid #45BDCF; color: #45BDCF; padding:10px 30px; font-size:120%; font-weight:bold; margin:0 auto; float:none; }
.locBtn:hover { background-color:#45BDCF; color:#fff; }

.table_loc1 { width:49%; float:left; margin-right:2%; border:none; color: #45BDCF; }
.table_loc2 { width:49%; float:left; border:none; color: #45BDCF; }
.table_loc1 th,.table_loc1 td,.table_loc2 th,.table_loc2 td  { background:#fff!important; border:none; } 
.table_loc1 td,.table_loc2 td { text-align:right; }

.loc_tit { color:#45BDCF; font-size:150%; padding:15px 8px; border-top:1px solid #45BDCF; border-bottom:1px solid #45BDCF; margin:30px 0; }


.lifeInfo {
margin-left:1%;
width:48%;
	}
.life_table {width:100%; }
.life_table th {
	background:#eee;
	font-weight:bold;
	padding:7px;
	border-left:3px solid #321D18;
}
.life_table td {
	padding:7px 5px;
	border-bottom:1px dotted #eee;
	text-align:left;
	font-size:90%;
}
table.life_table tr:nth-child(even) { background-color:rgba(69,189,207,0.1) }
table.life_table tr:nth-child(odd) { background-color:#Fff; }
@media screen and (max-width:480px){
/*ロケーション*/
.lifeInfo {
width:96%;
margin:0 auto;
	}
}


@media only screen and (max-width: 960px) {
.table_loc1 { width:60%; float:none; margin:0 auto; }
.table_loc2 { width:60%; float:none; border:none; margin:0 auto; }
}

@media only screen and (max-width: 780px) {
.table_loc1,.table_loc2 { width:80%; }
}

@media only screen and (max-width: 600px) {
.table_loc1,.table_loc2 { width:90%; }
}

@media only screen and (max-width: 525px) {
.table_loc1,.table_loc2 { font-size:80%; }
}
@media only screen and (max-width: 420px) {
.table_loc1,.table_loc2 { letter-spacing:-0.1em; }
}
@media only screen and (max-width: 380px) {
.locmapBtn { text-align:center; width:90%; margin:0 auto 50px; }
.table_loc1,.table_loc2 { width:100%; font-size:70%; }	
}


/* トップポイント */
.flexboxPoint { /* スマホ縦並び */
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	background-image: url(../img/pointBg.jpg);
	-moz-background-size:cover;
background-size:cover;
}
.box2 { /* 2カラム */
width:45%;
margin-bottom:2%;
padding: 0 1.6%;
color:#fff;
	}
.pointTit { /* 2カラム */
font-weight:bold;
padding-bottom:10px;
	}
@media screen and (max-width:480px){
.flexboxPoint { /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;}
}
.box2 { /* 2カラム */width:94%; margin:0 auto 40px;}
}