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

コンテンツ
トップページ

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

#header, .brownbar, #gnav-box, .bnr-contact{ display: none; }

#contents{ width: 95%; }

/* ------------------------------------------------------------
		コンテンツ・見出し・共通
------------------------------------------------------------ */
#main{ margin-top:130px;}
#main h2{ font-size: 2em; margin-top: -100px; }

ul.col4 li{ overflow:hidden;}

@media screen and (max-width: 700px) {
/* 4カラム・list・トップページ */
ul.col4 li{ width: 49%; overflow:hidden;}
ul.col4 li:nth-child(2n){ padding-right: 0; }
ul.col4 li br{display: inline-block;}
}

/* ------------------------------------------------------------
		トップページ
------------------------------------------------------------ */
.topimg{margin-top: 130px;} /* 会社名、キャッチコピー挿入分  */

/* サブタイトル・吹き出し */
@media screen and (max-width: 530px) {
.tbox span.sub-red, .tbox span.sub-blue{ display: block; clear: both; }
.tbox span.sub-red:after {top: -20px; left: 5px; border: 15px solid transparent; border-bottom: 15px solid #D90000;}
.tbox span.sub-blue:after {top: -20px; left: 5px; border: 15px solid transparent; border-bottom: 15px solid #098EC1;}
}

/* ------------------------------------------------------------
		事業案内
------------------------------------------------------------ */
/* 2カラム・list */
@media screen and (max-width: 960px) {
ul.c2 li{ float: none; width: 100%; margin-right: 0; }
ul.c2 li img{ margin-left: auto!important;}
}

/* ------------------------------------------------------------
     物件一覧ページ（売主物件・賃貸物件）Table
------------------------------------------------------------ */
.trm img{ max-width: 100%; height: auto; display: block;}

.table2,.table3,.table4{ width: 100%; border: none;}
.table2 th, .table2 td,.table3 th, .table3 td,.table4 th, .table4 td{width: 100%; display: block;}
.table2 br, .table3 br,.table4 br{ display: inline-block; } /* brを改行させる */

/* ------------------------------------------------------------
     物件詳細ページ（売主物件・賃貸物件）
------------------------------------------------------------ */
.photo .left{ float: none; width: 100%; padding-right: 0px;}
.photo .right{ float: none; width: 100%;padding-left: 0px;}
.photo img{ max-width: 100%; margin-right: auto; margin-left: auto; display: block;}

/* ------------------------------------------------------------
	お問い合わせ
------------------------------------------------------------ */
/* 物件種別・物件番号・物件名・価格が入る見出し */
.title-form{text-align: center;}
.title-form h2{ display: block; margin-top: 10px; }
.title-form p{float: none; width: 100%; padding-right: 0px;}

/*------------------------------------------------------------
		footer / Page Top トップへ戻る
------------------------------------------------------------*/
#footer .finner .right{ display: none; }
#footer .finner .left{ width: 100%; display: block; float: none; text-align: center; }
#footer .finner .left img{ max-width: 100%; float: none; margin-right: auto; margin-left: auto; display: block; }

.copy{margin-bottom: 80px;} 
#pageTop{margin-bottom: 80px; right: 10px;}