@charset "utf-8";
/* ================================================================
 住まいの千里
 admin  : Masako Yoshimoto
 Author: Graphics Drive Inc.
 Author URI: http://www.graphics-drive.com/
 update : 2018/11/05
 
 Smart phone用css
 break point max-width: 480px, min-with: 320px
------------------------------------------------------------------- 

コンテンツ
トップページ
会社情報
物件一覧ページ（売主物件・賃貸物件）Table
privacy
Footer

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

.pc{ display: none; }
.sp{ display: block; }

body{ word-wrap:break-word; }

br { display: none; }

#header{ display: none; }

#wrapper { overflow: hidden;}

#contents{width: 95%; min-width: 320px; clear: both; margin-right: auto; margin-left: auto; margin-bottom: 30px; overflow: hidden;}

/* ------------------------------------------------------------
		コンテンツ・見出し・共通
------------------------------------------------------------ */

#main h2{ font-size: 2em; margin-top: -50px; }
#main h2 br{ display: inline-block; }/* 改行を有効にする */

/* 見出し  */
.center-box{ margin-bottom: 0; }
.center-box h2 br{ display: inline-block; }
h4{font-size: 1.6em; line-height: 1.4em;}

/* 3カラム・list/トップページ */
ul.col3 li{ width: 49%; padding-bottom: 5%; padding-right: 1%;}
ul.col3 li:nth-child(3n){ padding-right: 1%; }

/* 2カラム・list */
ul.c2 li{ float: none; width: 100%; padding-right: 0; margin-right: auto; margin-left: auto; margin-bottom: 10px; }

/* 2カラム・box */
.left5, .right5, .left3, .right7, .left7, .right3, .left6 .right4, .left4, .right6, .left2, .right8, .right2, .left8,
.photo .left, .photo .right
{ float: none; width: 100%; margin-right: auto; margin-left: auto; padding: 0; margin-bottom: 10px; }

/* 画像センター合わせ */
img{ float: none; max-width: 100%; margin-right: auto; margin-left: auto; padding: 0; }

/* ------------------------------------------------------------
		トップページ
------------------------------------------------------------ */
.news{width: 95%;}

/* ------------------------------------------------------------
		事業案内
------------------------------------------------------------ */
/* 2カラム・list */
ul.c2 li:after{content: ""; display: block; clear: both;}
ul.c2 li .btex{ float: left; width: 60%; padding-right: 0;}
ul.c2 li .btex p{ font-size: 13px; line-height: 16px; }
ul.c2 li img{ margin-right: 0; width: 35%;}

/* ------------------------------------------------------------
		 会社情報
------------------------------------------------------------ */
.gmap{ width:95%; margin:0 auto; }
.gmap iframe{ height:250px; }

/* 会社概要 */

.table1{width: 95%;}
.table1 th, .table1 td{ width: 100%; display: block; word-break: break-all;}
.table1 br{ display: inline-block; }

/* 採用情報窓口・お問い合わせ電話番号 */

.or-box{ width: 95%;}
.bl-box{ width: 95%;}

/* ------------------------------------------------------------
     物件一覧ページ（売主物件・賃貸物件）
------------------------------------------------------------ */
/* 新築事例/新築詳細スペック */

.title-list h2,.title-list p{ display: block;}

.shiyou{ width: 100%; float: none; }

/* 共通アイコンをセンター合わせにする（アイコン4つの場合） */
.icon-box{width: 290px; margin: auto; overflow: hidden;}
ul.icon li{float: left; }

.Lbox{ width: 290px; margin-right: auto; margin-left: auto; padding: 0px; }
ul.icon li{float: left;}

/* 共通アイコンをセンター合わせにする（アイコン1つの場合） */
.icon-box01,.icon-box02,.icon-box03{ text-align: center; width: 100%!important; display: block; margin-bottom: 10px; }
.icon-box01 span,.icon-box02 span,.icon-box03 span{margin-right: auto; margin-left: auto;}
.icon-box02 p{ width: 100%; margin-right: auto; margin-left: auto; }

.tenpo{ margin-left: 0; margin-top: 5px!important; margin-bottom: 5px!important; display: block; text-align: center; }

/* 詳細を見る/一覧ページ */
.moreL{ float: none; text-align: center; margin-right: auto; margin-left: auto; width: 100%; }

/* 資料請求ボタン */
.btn-customer,.btn-broker{width: 100%;}

/* ------------------------------------------------------------
	お問い合わせ
------------------------------------------------------------ */
/* フォーム */
.inputform br{ display: inline-block; }/* 改行を有効にする */

input[type="text"]{width: 95%; box-sizing: border-box;}

/* 問い合わせフォーム */
.table6{ width: 95%; }
.table6 td{ width: 100%; display: block; word-break: break-all;}
.table6 td:empty{display: none;} /* テーブルが空の場合は削除する（余白が入るので） がテーブルに入っていると動作しないので消す */

/* ------------------------------------------------------------
		 privacy
------------------------------------------------------------ */
.table7{width: 95%;}
.table7 th, .table7 td{ width: 100%; display: block; word-break: break-all;}
.table7 br{ display: inline-block; }
.table7 td:empty{display: none;}

/* ------------------------------------------------------------
		Footer
------------------------------------------------------------ */
.finner{ width: 95%; }
#footer .finner .left{float: none;}
#footer .finner .left img{ max-width: 100%; }
.copy{margin-bottom: 55px;} 

/*------------------------------------------------------------
		会社案内・三鷹深大寺店
------------------------------------------------------------*/
/* 会社概要の上のスローガン部分 */
.slogan{ height: auto;}
.slogan .left{width: 50%;}
.slogan .center{width: 45%;}	
.slogan .right{ float: none; height: auto; width: 100%; clear: both; }