@charset "utf-8";

/* =Material icons
------------------------------------------------------------------------------ */

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* 推奨サイズ */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	/* WebKitブラウザサポート */
	-webkit-font-smoothing: antialiased;
	/* Chrome、Safariサポート */
	text-rendering: optimizeLegibility;
	/* Firefoxサポート */
	-moz-osx-font-smoothing: grayscale;
	/* IEサポート */
	font-feature-settings: 'liga';
}

/* =グローバルメニュー
------------------------------------------------------------------------------ */

ul#primary {
	clear: both;
	list-style: none;
	font-size: 14px;
	border: 1px solid #cfcfcf;
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul#primary:after {
	content: "";
	display: block;
	clear: both;
}
ul#primary .material-icons {
	vertical-align: middle;
	text-indent: -0.5em;
}

ul#primary li {
	padding: 0;
	margin: 0;
	width: 15%;
	float: left;
	text-align: center;
	border-right: 1px solid #cfcfcf;
	font-weight: bold;
	box-sizing: border-box;
}
ul#primary li:first-child {
	width: 10%;
}
ul#primary li:last-child {
	border-right: none;
}
ul#primary li a,
body.home ul#primary li a.current {
	display: block;
	line-height: 50px;
	background-image:-moz-linear-gradient(50% -1%,rgb(232,232,232) 0%,rgb(255,255,255) 100%); 
	background-image:-webkit-gradient(linear,50% -1%,50% 101%,color-stop(0, rgb(232,232,232)),color-stop(1, rgb(255,255,255)));
	background-image:-webkit-linear-gradient(rgb(232,232,232) 0%,rgb(255,255,255) 100%);
	background-image:-o-linear-gradient(rgb(232,232,232) 0%,rgb(255,255,255) 100%);
	background-image:-ms-linear-gradient(rgb(232,232,232) 0%,rgb(255,255,255) 100%);
	background-image:linear-gradient(rgb(232,232,232) 0%,rgb(255,255,255) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8e8e8,endColorstr=#ffffff,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8e8e8,endColorstr=#ffffff,GradientType=0);
	color: #333;
}
ul#primary li a:hover,
ul#primary li a.current {
	text-decoration: none;
	background-image:-moz-linear-gradient(50% -1%,rgb(255,236,121) 0%,rgb(255,221,3) 100%); 
	background-image:-webkit-gradient(linear,50% -1%,50% 101%,color-stop(0, rgb(255,236,121)),color-stop(1, rgb(255,221,3)));
	background-image:-webkit-linear-gradient(rgb(255,236,121) 0%,rgb(255,221,3) 100%);
	background-image:-o-linear-gradient(rgb(255,236,121) 0%,rgb(255,221,3) 100%);
	background-image:-ms-linear-gradient(rgb(255,236,121) 0%,rgb(255,221,3) 100%);
	background-image:linear-gradient(rgb(255,236,121) 0%,rgb(255,221,3) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffec79,endColorstr=#ffdd03,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffec79,endColorstr=#ffdd03,GradientType=0);
}

ul#primary li.catmenu {
	position: relative;
}

ul#primary ul {
	list-style: none;
	display: none;
	float: none;
	position: absolute;
	top: 50px;
	left: 0px;
	z-index: 10;
	background-color: rgba(242,153,0,0.85);
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}

ul#primary ul li {
	float: none;
	clear: both;
	width: inherit;
	text-align: left;
	border-right: none;
}
ul#primary ul li:first-child {
	width: inherit;
}
ul#primary ul li a {
	display: block;
	padding: 0;
	margin: 0 0 0.75em;
	border-bottom: 1px dotted #fff;
	line-height: 40px;
	background-image: none;
	-ms-filter: none;
	filter: none;
}
ul#primary ul li a:hover {
	background-image: none;
	-ms-filter: none;
	filter: none;
	text-decoration: underline;
}

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

ul#primary ul li a {
	color: #fff;
}

/* =サイドバナー
------------------------------------------------------------------------------ */

#sidebar ul.banner {
	list-style: none;
	padding: 0;
	margin: 0 0 1em;
}
#sidebar ul.banner li {
	padding: 0;
	margin: 0 0 0.5em;
	text-align: center;
	border-bottom: none;
}
#sidebar ul.banner li a {
	background-image: none;
	padding-left: 0;
}

#sidebar ul.banner li img {
	display: inline-block;
	margin: 0 auto;
}
#sidebar ul.banner li a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}


#sidebar ul.banner li.icon {
	margin-top: -1px;
}
#sidebar ul.banner li.shop {
	margin-top: 1em;
}
#sidebar ul.banner li a:hover {
	text-decoration: none;
}


/* =共通
------------------------------------------------------------------------------ */

/* =セクション */

section.post {
	overflow: hidden;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* =見出し */

#main section h1 {
	clear: both;
	padding: 8px;
	margin: 0 0 2em;
	letter-spacing: 1px;
	border: 1px solid #cfcfcf;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
	
	background-image:-moz-linear-gradient(50% -1%,rgb(232,232,232) 0%,rgb(255,255,255) 100%); 
	background-image:-webkit-gradient(linear,50% -1%,50% 101%,color-stop(0, rgb(232,232,232)),color-stop(1, rgb(255,255,255)));
	background-image:-webkit-linear-gradient(rgb(232,232,232) 0%,rgb(255,255,255) 100%);
	background-image:-o-linear-gradient(rgb(232,232,232) 0%,rgb(255,255,255) 100%);
	background-image:-ms-linear-gradient(rgb(232,232,232) 0%,rgb(255,255,255) 100%);
	background-image:linear-gradient(rgb(232,232,232) 0%,rgb(255,255,255) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8e8e8,endColorstr=#ffffff,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8e8e8,endColorstr=#ffffff,GradientType=0);
	text-align: left;
}
#main section h1 span {
	display: inline-block;
	border-left: 6px solid #ff9900;
	padding-left: 0.5em;
}

#main section h1.art {
	font-weight: normal;
	border: 1px solid #d9d9d9;
	background-image:-moz-linear-gradient(50% -1%,rgb(255,255,255) 0%,rgb(245,240,232) 100%); 
	background-image:-webkit-gradient(linear,50% -1%,50% 101%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(245,240,232)));
	background-image:-webkit-linear-gradient(rgb(255,255,255) 0%,rgb(245,240,232) 100%);
	background-image:-o-linear-gradient(rgb(255,255,255) 0%,rgb(245,240,232) 100%);
	background-image:-ms-linear-gradient(rgb(255,255,255) 0%,rgb(245,240,232) 100%);
	background-image:linear-gradient(rgb(255,255,255) 0%,rgb(245,240,232) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f5f0e8,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f5f0e8,GradientType=0);
}
#main section h1.art span {
	border-left: none;
	padding-left: 0.25em;
}

#main section h2 {
	clear: both;
	padding: 0.25em 0 0.25em 0.5em;
	margin: 0 0 2em;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #ff9900;
	border-left: 4px solid #ff9900;
	line-height: inherit;
}
#main section h2.art {
	border-bottom: 1px dotted #9ccff7;
	border-left: 4px solid #9ccff7;
	background-image: none;
	background-color: transparent;
}


/* =ボタン */

a.more-link {
	display: block;
	float: right;
	overflow: hidden;
	outline: none;
	padding: 0.5em 1em;
	margin: 0 0 2em;
	text-indent: 0;
	background-color: #37ab4a;
	border: 1px solid #37ab4a;
	color: #ffffff;
}

a.more-link:hover {
	background-color: #ffffff;
	color: #37ab4a;
	text-decoration: none;
}

a.more-link.center {
	float: none;
	padding: 0.75em 1.5em;
	margin: 0 auto;
	display: inline-block;
}
a.more-link .material-icons {
	vertical-align: middle;
	margin-right: 0.25em;
	font-size: 18px;
}

/* =テーブル */

#main section table {
	clear: both;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 2em;
	background-color: transparent;
	border: none;
	width: 100%;
}
#main section table caption {
	font-weight: bold;
	text-align: left;
}
#main section table th {
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	color: #228b22;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
#main section table td {
	border: 1px solid #ccc;
	background-color: transparent;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
/* =コラム */

div.memo,
div.note,
div.tips {
	clear: both;
	padding: 1.5em 1.5em 0;
	margin: 0 0 2em;
	overflow: hidden;
	font-size: 16px;
}
#main section div.memo p,
#main section div.note p,
#main section div.tips p {
	margin-bottom: 1.5em;
}

div.memo {
	border: 1px solid #ff9500;
	background-color: #fcfae3;
}
div.note {
	border: 1px solid #97cc97;
	background-color: #f2fff2;
}
div.tips {
	border: 1px solid #ff4c4c;
	background-color: #fff5f5;
}


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

/* =おすすめ物件 */

section.recom {
	overflow: hidden;
	margin: 0 0 1em;
}

section.recom a {
	display: block;
	float: left;
	margin: 0 0 1em;
	width: 31%;
}
section.recom a:hover {
	text-decoration: none;
}
section.recom a:nth-of-type(3n+1) {
	clear: both;
	float: left;
}
section.recom a:nth-of-type(3n+2) {
	margin-left: 3.5%;
	margin-right: 3.5%;
}
section.recom a img {
	display: block;
	vertical-align: bottom;
	text-align: center;
	height: auto;
	width: 100%;
}
section.recom a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}


#main section.recom dl {
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
}
#main section.recom dl dt {
	clear: both;
	float: none;
	padding: 0;
	margin: 0 0 1em;
}
#main section.recom dl dd {
	padding: 0;
	margin: 0;
}
#main section.recom p {
	padding: 0;
	margin: 0;
}

/* =各物件一覧
------------------------------------------------------------------------------ */

section.list {
	overflow: hidden;
	margin: 0 0 2em;
}

section.list a {
	display: block;
	padding: 1em;
	margin: 0 0 1em;
	border: 1px solid #ccc;
	position: relative;
	overflow: hidden;
}

section.list a:after {
	position: absolute;
	bottom: -65px;
	right: -65px;
	background-color: #f39801;
	color: #fff;
	padding: 5px 0 0;
	margin: 0;
	height: 120px;
	width: 120px;
	text-align: center;
	content: "物件詳細";
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
section.list a:hover {
	text-decoration: none;
}
section.list a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

#main section.list h2 {
	clear: both;
	padding: 0;
	margin: 0 0 1em;
	font-weight: bold;
	border: none;
	border-bottom: 1px dotted #ccc;
	line-height: inherit;
	background-image: none;
	background-color: transparent;
	font-size: 16px;
	line-height: 1.4;
}
#main section.list h2 img.new {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.25em;
}
#main section.list .cach {
}

#main section.list .cach p {
	color: #37ab4a;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em;
	font-size: 16px;
}
#main section.list dl {
	padding: 0;
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
}
#main section.list dl dt {
	float: left;
	width: 48%;
	padding: 0;
	margin: 0 0 1em;
}
#main section.list dl dt img {
	margin: 0 auto 1em;
	height: auto;
	width: 130px;
	vertical-align: middle;
}

#main section.list dl dd {
	padding: 0;
	margin: 0 0 1em;
	overflow: hidden;
}
#main section.list dl dl dt {
	width: 25%;
	font-weight: bold;
}

#main section.list ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
#main section.list ul li {
	padding: 0;
	margin: 0 1em;
	text-indent: 0;
	display: inline-block;
}

/* =物件詳細
------------------------------------------------------------------------------ */


/* =SNS */

wp_social_bookmarking_light {
	clear: both;
}


/* =テーブル */

#main section table.detail {
	clear: both;
	table-layout: fixed;
	margin: 0 0 2em;
	width: 100%;
}
#main section table.detail th {
	width: 15%;
}

/* 埋め込みマップ */

.gmap {
	overflow: hidden;
	text-align: center;
}
.gmap iframe {
	margin: 0 auto 2em;
}
.gmap .simplemap {
	margin: 0 auto;
}


/* =ギャラリー */

div.gallery {
	width: 100%;
	padding: 0;
	margin: 0 0 2em;
	overflow: hidden;
}
div.gallery a {
	overflow: hidden;
	outline: none;
}
section div.gallery dl.gallery-item {
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 0 2em;
	overflow: hidden;
}
section div.gallery dl.gallery-item dt {
	padding: 0;
	margin: 0;
}
section div.gallery dl.gallery-item dd {
	padding: 0;
	margin: 0;
}
section div.gallery dl.gallery-item dt img {
	display: block;
	margin: 0 auto 0.5em;
	vertical-align: top;
	height: auto;
	width: 100%;
	max-width: 100%;
}

section div.gallery dl.gallery-item dt.portrait img {
}
section div.gallery dl.gallery-item dt.landscape img {
}

/* =キャプション */

.gallery-caption {
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
}
/* =1カラム */

section div.gallery.gallery-columns-1 dl.gallery-item {
	clear: both;
	float: none;
	width: 100%;
}
/* =2カラム */

section div.gallery.gallery-columns-2 dl.gallery-item {
	width: 48%;
	margin-right: 4%;
}
section div.gallery.gallery-columns-2 dl.gallery-item:nth-of-type(even) {
	margin-right: 0;
}
/* =3カラム */

section div.gallery.gallery-columns-3 dl.gallery-item {
	width: 31%;
	margin-right: 3.5%;
}
section div.gallery.gallery-columns-3 dl.gallery-item:nth-of-type(3n+3) {
	margin-right: 0;
}
/* =4カラム */

section div.gallery.gallery-columns-4 dl.gallery-item {
	width: 22%;
	margin-right: 4%;
}
section div.gallery.gallery-columns-4 dl.gallery-item:nth-of-type(4n+4) {
	margin-right: 0;
}
/* =5カラム */

section div.gallery.gallery-columns-5 dl.gallery-item {
	width: 18%;
	margin-right: 2.5%;
}
section div.gallery.gallery-columns-5 dl.gallery-item:nth-of-type(5n+5) {
	margin-right: 0;
}

/* =お問い合わせ
------------------------------------------------------------------------------ */

/* =テーブル */

#main section div.wpcf7 table th {
	width: 20%;
}
#main section div.wpcf7 table th.caption {
	width: 100%;
	background-color: #f2fff2;
	text-align: left;
}

/* =入れ子 */

#main section div.wpcf7 dl {
	padding: 0;
	margin: 0;
}
#main section div.wpcf7 dl dt {
	clear: left;
	float: left;
	padding: 0;
	margin: 0 0.5em 0.5em 0;
	width: 15%;
}
#main section div.wpcf7 dl dd {
	padding: 0;
	margin: 0 0 0.5em 0.5em;
	overflow: hidden;
}


/* =必須マーク */

div.wpcf7 span.req,
div.wpcf7 span.any {
	display: inline-block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	vertical-align: middle;
	margin-left: 0.5em;
	padding: 0 0.5em;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 2px;
	color: #fff;
}
div.wpcf7 span.req {
	background-color: #ff8080;
}
div.wpcf7 span.any {
	background-color: #9ccff7;
}

/* =フォーム項目 */

div.wpcf7 form input[type="text"],
div.wpcf7 form input[type="email"],
div.wpcf7 form textarea {
	border: 1px solid #ccc;
	padding: 5px;
}
div.wpcf7 form select {
	border: 1px solid #ccc;
	padding: 5px;
}
div.wpcf7 form input[type="checkbox"] {
}
div.wpcf7 form input[type="radio"] {
}

div.wpcf7 form input[type="text"].w10 {width: 10%;}
div.wpcf7 form input[type="text"].w20 {width: 20%;}
div.wpcf7 form input[type="text"].w30 {width: 30%;}
div.wpcf7 form input[type="text"].w40 {width: 40%;}
div.wpcf7 form input[type="text"].w50 {width: 50%;}


/* =チェックボックス垂直配置 */

.wpcf7-list-item {
	display: block;
}

/* =その他テキスト */

#subj_other {
	display: block;
	margin: 0.5em 0 0;
}

/* =E-mail確認 */
#email_conf {
	margin-top: 0.5em;
}

/* =物件名 */
#art_name {
	width: 80%;
}

/* =お問合せ内容 */
/* =希望物件種別 */
#subj_other,
#req3_tx {
	margin-left: 2em;
}


/* =送信ボタン */

input[type="button"],input[type="submit"] {
	border-radius: 0;
	-webkit-appearance: none;
}
.contactButton2 {
	display: inline-block;
	position: relative;
	background-color: #f8b551;
	color: #fff;
	line-height: 40px;
	padding: 0 2em;
	margin: 0.5em;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 4px 0 #ecab4d;
	border: none;
}
.contactButton2:hover {
	top: 2px;
	box-shadow: 0 2px 0 #ecab4d;
	text-decoration: none;
	border: none;
}
.contactButton2:active {
	top: 4px;
	box-shadow: none;
	border: none;
}


/* =必須エラー */

.wpcf7 span.wpcf7-not-valid-tip {
	display: none;
}
.wpcf7 .wpcf7-not-valid {
	background-color: #ffc0cb;
}
.wpcf7 .wpcf7-response-output {
	margin: 10px auto;
	padding: 0.5em 1em;
	text-align: center;
}
.wpcf7 .wpcf7-validation-errors {
	color: #ff0000;
	background-color: #ffc0cb;
	border: none;
}
.wpcf7 .wpcf7-mail-sent-ok {
	color: #71ae00;
	background-color: #f0f6e1;
	border: none;
}

