@charset "utf-8";

/* =1060px以下
------------------------------------------------------------------------------ */

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

/* =全体 */

.wrap {
	padding: 0 2%;
}
#main {
	clear: both;
	float: none;
	width: 100%;
}
#side {
	clear: both;
	float: none;
	width: 100%;
	margin: 2em 0 0;
}

/* =ヘッダー */

header#top {
	text-align: center;
}
header#top h1 {
	color: #333;
	font-size: 1.20rem;
	padding-top: 0.25em;
}
header#top h2 {
	clear: both;
	float: none;
	padding: 0 2em;
	margin: 0 auto 1em;
}
/* =問い合わせ */

header#top dl {
	clear: both;
	float: none;
	margin: 0 0 1em;
	overflow: hidden;
	line-height: 1.4;
	letter-spacing: 1px;
}
header#top dl dt {
	padding: 0;
	margin: 0 auto 0.5em;
	width: 70%;
}
header#top dl dd {
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 44px 0px;
	margin: 0 auto;
}

header#top dl dd span.tel,
header#top dl dd span.mail,
header#top dl dd span.menutoggle {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
header#top dl dd span.tx {
	display: none;
}
header#top dl dd span.tel a {
	display: block;
	color: #fff;
	background-color: #ff9900;
	border: 1px solid #ff9900;
	line-height: 44px;
	width: 44px;
}
header#top dl dd span.tel a:hover {
	color: #f39801;
	background-color: #fff;
}
header#top dl dd span.tel .material-icons {
	margin-right: 0;
}
header#top dl dd span.mail a {
	display: block;
	padding: 0;
	font-size: 2.0rem;
	line-height: 44px;
	width: 44px;
}
header#top dl dd span.mail a;hover {
	color: #37ab4a;
	background-color: #fff;
}

header#top dl dd span.mail .material-icons {
	vertical-align: middle;
	margin-right: 0;
	font-size: 24px;
}

/* =メニューボタン */

header#top dl dd span.menutoggle a {
	display: block;
	background-color: #ff9900;
	border: 1px solid #ff9900;
	color: #fff;
	line-height: 44px;
	width: 44px;
}
header#top dl dd span.menutoggle a:hover {
	color: #f39801;
	background-color: #fff;
}
header#top dl dd span.menutoggle a .material-icons {
	vertical-align: middle;
	font-size: 24px;
}



/* =プライマリー */

#nav {
	display: none;
	float: none;
	clear: both;
	padding: 0;
	margin: 0;
}
header#top nav ul#primary {
	font-size: 1.6rem;
}

header#top nav ul#primary li {
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
	float: none;
	text-align: left;
	border-right: none;
	border-bottom: 1px solid #cfcfcf;
}
header#top nav ul#primary li:first-child {
	width: 100%;
}

header#top nav ul#primary .material-icons {
	text-indent: -0.25em;
}
header#top nav ul#primary li:last-child {
	border-bottom: none;
}
header#top nav ul#primary li a {
	line-height: 44px;
	padding: 0 1em;
}
header#top nav ul#primary li.catmenu {
	position: inherit;
}

header#top nav ul#primary ul {
	position: inherit;
	top: 0;
	left: 0;
	background-color: rgba(242,153,0,0.85);
}

header#top nav ul#primary ul li {
	float: none;
	clear: both;
	width: inherit;
	text-align: left;
	border-bottom: none;
	line-height: 44px;
}
header#top nav ul#primary ul li a {
	padding: 0 1em 0 2em;
	margin: 0;
}
header#top nav ul#primary ul li a:hover,
header#top nav ul#primary li a.current {
	background-image: none;
	-ms-filter: none;
	filter: none;
	text-decoration: underline;
}

header#top nav ul#primary ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

header#top nav ul#primary ul li a {
	color: #fff;
}



/* =リスト(バナー) */

#side ul.banner {
}
#side ul.banner li {
	float: left;
	width: 31%;
	padding: 0;
	margin: 0 3.5% 3.5% 0;
}
#side ul.banner li.icon,
#side ul.banner li.shop {
	margin-top: 0;
}
#side ul.banner li:nth-of-type(3n+1) {
	clear: both;
	float: left;
}
#side ul.banner li:nth-of-type(3n+3) {
	margin-right: 0;
}

#side ul.banner.one li {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 0 1em;
}









}

/* =768px以下
------------------------------------------------------------------------------ */

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


/* =リスト表示(ニュース) */

section.news {
	margin-bottom: 1em;
}
section.news a {
	clear: both;
	float: none;
	width: 100%;
    padding: 1em 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
}
section.news a:first-child {
    border-top: 1px solid #ccc;

}
section.news a dl dt {
    float: left;
	margin: 0 1em 0 0;
	padding: 0;
    width: 25%;
}



}

/* =640px以下
------------------------------------------------------------------------------ */

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


.half,
.half.clear {
	clear: both;
	float: none;
	width: 100%;
}
.half.right,
.half.right.clear {
	clear: both;
	float: none;
	width: 100%;
}
.half.p20,
.half.p30,
.half.p40,
.half.p60,
.half.p70,
.half.p80,
.half.p90 {
	width: 100%;
}


/* =リスト(バナー) */

#side ul.banner li {
	float: left;
	width: 49%;
	padding: 0;
	margin: 0 0 2%;
}
#side ul.banner li:nth-of-type(3n+1) {
	clear: none;
	float: none;
}
#side ul.banner li:nth-child(odd) {
	clear: both;
	float: left;
}
#side ul.banner li:nth-child(even) {
	float: right;
}



}



/* =568px以下
------------------------------------------------------------------------------ */

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



/* =H1、ロゴ画像 */

header#top h1 {
	display: none;
	padding-top: 0;
}
header#top h2 {
	padding: 1em 2em 0;
}

/* =売りたい方 */

section ul.flow {
	margin: 0 0 2em;
}
section ul.flow li {
	margin: 0 0 1em;
	width: 48%;
}
section ul.flow li:nth-of-type(3n+1) {
	clear: none;
	float: none;
}
section ul.flow li:nth-of-type(3n+2) {
	margin-right: 0;
	margin-left: 0;
}
section ul.flow li:nth-of-type(odd) {
	clear: both;
	float: left;
}
section ul.flow li:nth-of-type(even) {
	float: right;
}


}


/* =480px以下
------------------------------------------------------------------------------ */

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


/* =問い合わせ */

header#top dl {
	clear: both;
	float: none;
	margin: 0 0 1em;
	overflow: hidden;
	line-height: 1.4;
	letter-spacing: 1px;
}
header#top dl dt {
	padding: 0;
	margin: 0 auto 0.5em;
	width: 85%;
	font-size: 1.2rem;
}
header#top dl dd {
	border-spacing: 20px 0px;
}


/* =セクション */

section {
	margin: 0 0 1.5em;
}

/* =文字サイズ */

#main h1 {
	font-size: 1.5rem;
}
#main h2 {
	font-size: 1.5rem;
}
#main h3 {
	font-size: 1.5rem;
}

section p,
section table,
section ul,
section ol,
section dl {
	font-size: 1.4rem;
	margin-bottom: 1.5em;
}

/* =テーブル */

section table th,
section table td {
	padding: 5px;
}
/* =定義リスト */

section dl.paral dt {
    float: none;
    clear: both;
    margin: 0;
}
section dl.paral dd {
    margin: 0 0 1em;
}

/* =コラム */

div.memo,
div.note,
div.tips {
	padding: 1.0em 1.0em 0;
	margin-bottom: 1.5em;
}

/* =サイドバー */

#side ul.banner li {
	font-size: 1.0rem;
}
/* =フッター */

footer {
	padding-top: 1em;
}

footer ul li {
	margin: 0 0 0.5em;
}
footer ul li a {
	padding: 0 0.5em;
}

/* =リスト表示(おすすめ物件) */
/*
section.recom a {
	float: none;
	clear: both;
	width: 100%;
}
section.recom a:nth-of-type(odd),
section.recom a:nth-of-type(even) {
	float: none;
	clear: both;
}
*/
section.recom p {
	font-size: 1.3rem;
}

/* =各物件一覧 */

section.list dl dt {
	width: 40%;
}
section.list dl dt img {
	margin: 0 auto 1em;
	max-width: inherit;
	height: auto;
	width: 100%;
}
section.list dl dl dt {
	clear: both;
	float: none;
	width: 100%;
	margin: 0;
}

/* =フォーム */

section div.wpcf7 dl dt {
	clear: both;
	float: none;
	padding: 0;
	margin: 0;
	width: auto;
}
section div.wpcf7 dl dd {
	margin: 0 0 0.5em;
}

/* =ギャラリー */

div.gallery {
	margin: 0 0 1em;
}

section div.gallery.gallery-columns-2 dl.gallery-item,
section div.gallery.gallery-columns-3 dl.gallery-item,
section div.gallery.gallery-columns-4 dl.gallery-item,
section div.gallery.gallery-columns-5 dl.gallery-item
{
	clear: both;
	float: left;
	margin: 0 0 1em;
	width: 48%;
}
section div.gallery.gallery-columns-2 dl.gallery-item:nth-of-type(even),
section div.gallery.gallery-columns-3 dl.gallery-item:nth-of-type(even),
section div.gallery.gallery-columns-4 dl.gallery-item:nth-of-type(even),
section div.gallery.gallery-columns-5 dl.gallery-item:nth-of-type(even)
{
	clear: none;
	float: right;
}
/* =<br style='clear: both' />を無効 */

div.gallery br {
	display: none;
}

/* =投稿画像 */

.alignright {
	clear: right;
	float: none;
	display: block;
	margin: 0px auto 10px auto;
}
.alignleft {
	clear: left;
	float: none;
	display: block;
	margin: 0px auto 10px auto;
}

/* 会社案内 */

section p.greet {
	line-height: 2.0;
	font-size: 1.6rem;
}

/* オーナー様 */

section dl.qa {
	margin: 0 0 2em;
}
section dl.qa dt {
	font-size: 1.5rem;
}
section dl.qa dd b {
	font-size: 1.5rem;
}
section dl.qa dd .supple {
	margin-left: 1.5em;
}
section dl.qa dt:before,
section dl.qa dd:before {
	display: inline-block;
	margin-right: 0.5em;
	font-size: 1.8rem;
}

section ul.bt_cont {
	padding: 1em;
}
section ul.bt_cont li {
	margin: 0 0 1em;
	width: 100%;
	float: none;
	clear: both;
}
section ul.bt_cont li img {
	display: block;
	margin: 0 auto;
}





}


/* =320px以下
------------------------------------------------------------------------------ */

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




}