@charset "utf-8";

/*
Theme Name:mrp04-child
Template:mrp04
Theme URI: http://hp-morph.com/
Description:MORPH 04テーマの子テーマ。
Author: Vision Inc.
Author URI: http://hp-morph.com/
Tags: simple

	hp-morph.com Template
	 http://hp-morph.com/

	This theme was designed and built by hp-morph.com template,
	whose blog you will find at http://hp-morph.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */



/*--------------------------------------------------
	オリジナル設定
--------------------------------------------------*/
.red {
	color: #e60012;
}
p.nm {
	margin-bottom: 0;
}
.cf:after {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0px;
	content: "";
}
p.attention {
	text-indent: -1em;
	margin-left: 1em;
}
/**/
.cen { text-align: center; }
.lft { text-align: left; }
.rit { text-align: right; }
@media only screen and (min-width: 641px){
	.img_lft { float: left; margin-right: 20px; }
	.img_rit { float: right; margin-left: 20px; }
}
@media only screen and (max-width: 640px){
	.img_lft, .img_rit {
		text-align: center;
	}
	.img_lft img, .img_rit img {
		max-width: 200px;
		width: 96%;
		height: auto;
	}
}
#mainNav li a {
	padding-left: 20px !important;
	padding-right: 20px !important;
	}
/*--------------------------------------------------
	トップ
--------------------------------------------------*/
.c2thumbWrap li {
	width: 100% !important;
	float: none !important;
	}
/*--------------------------------------------------
	導入までの流れ
--------------------------------------------------*/
.flow_box img {
	border-radius: 0px;
	}
.flow_box dl {
	overflow: hidden;
	}
.flow_box dt {
	float: left;
	margin-right: 2%;
	width: 25%;
	max-width: 240px;
	text-align: center;
	}
.flow_box dd {
	float: left;
	border: #cccccc 3px solid;
	padding: 10px;
	width: 73%;
	margin-top: 20px;
	}
@media only screen and (max-width: 959px) {
.flow_box dt {
	width: 30%;
	}
.flow_box dd {
	width: 63%;
	margin-top: 0px;
	margin-bottom: 10px;
	}
}
@media only screen and (max-width: 640px){
.flow_box dt {
	float: none;
	margin-right: 0%;
	width: auto;
	margin: auto;
	}
.flow_box dd {
	border: none;
	padding: 0px;
	float: none;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
	}
}
/*--------------------------------------------------
	会社概要
--------------------------------------------------*/
.company_tbl th {
	white-space: nowrap;
	vertical-align: middle;
	}
	
/*--------------------------------------------------
	お問い合わせ
--------------------------------------------------*/
.wpcf7-text,
.wpcf7-textarea {
	width: 93% !important;
	}
.wpcf7-select {
	width: 95% !important;
	}
.contact_box {
	width: 100%; 
	}
.contact_box div {
	width: 75%;
	margin: 0 auto;  
	}
@media only screen and (max-width: 640px){
.contact_box div {
	width: 100%;
	margin: 0;  
	}
}
/*------------------------------------------------------------
 新着物件
------------------------------------------------------------*/
#house_list_top .post4b li {
	width: calc(32% - 2px);
}
#house_list_top .post4b li:nth-child(3n) {
	margin-right: 0;
}
#house_list_top .post4b .post4b_img {
	text-align: center;
}
#house_list_top .post4b .post4b_img img {
	width: 100%;
	height: auto;
}
#house_list_top .post4b table {
	width: 100%;
}
#house_list_top .post4b table th,
#house_list_top .post4b table td {
	padding: 6px 0;
	border-bottom: 1px dotted #999999;
}
#house_list_top .post4b table th {
	width: 1%;
	padding-right: 20px;
	white-space: nowrap;
	text-align: left;
}
@media only screen and (max-width: 959px) {
}
@media only screen and (max-width: 799px) {
	#house_list_top .post4b li {
		width: 97%;
		margin: 0 0.5% 2% 1.4%;
	}
}
/*--------------------------------------------------
	物件情報
--------------------------------------------------*/
/* 一覧 */
#house_list .in {
	position: relative;
}
#house_list table td {
	padding: 0 !important;
}
#house_list table td span {
	display: block;
	padding: 10px;
	text-align: center;
}
#house_list table td span.title {
	border-bottom: #b2e7f9 1px solid;
	background-color: #def6ff;
	color: #0075ba;
	white-space: nowrap;
}
#house_list table.bg td {
	border-color: #ffbb69;
}
#house_list table.bg td span.title {
	border-bottom: #ffbb69 1px solid;
	background-color: #ffe4c3;
	color: #ff7200;
}
#house_list .btn {
	margin-bottom: 15px;
}
#house_list .btn a {
	display: block;
	margin: auto;
	padding: 10px 0 5px;
	background: #0075ba;
	border-radius: 10px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#house_list .btn.bg a {
	background-color: #ff7200;
}
#house_list .photo * {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
#house_list .photo li {
	float: left;
	width: 23.5%;
	margin: 0 2% 12px 0 !important;
	list-style: none;
}
#house_list .photo li:nth-child(4n) {
	margin-right: 0 !important;
}
#house_list .photo li img {
	vertical-align: bottom;
}
#house_list .photo p {
	text-align: center;
}
#house_list .photo p {
	position: absolute;
	top: 0;
	left: 0;
	width: 33%;
}
#house_list .photo p img {
	max-height: 385px;
}
@media only screen and (min-width:769px){
	#house_list table td {
		width: 16%;
	}
	#house_list table td+td {
		width: 24%;
	}
	#house_list table td+td+td {
		width: 30%;
	}
	#house_list table td span br {
		display: none;
	}
}
@media only screen and (max-width: 799px) {
	#house_list table td span {
		padding: 6px;
	}
}
@media only screen and (max-width: 640px) {
	#house_list table td span br {
		display: none;
	}
	#house_list .in {
		padding-top: 180px;
	}
	#house_list .photo p {
		width: 100%;
		text-align: center;
	}
	#house_list .photo p img {
		width: auto;
		height: 160px;
	}
}
/* 詳細 */
#house_details td.red {
	color: #FF0000;
	font-size: 120%;
	text-align: center;
}
#house_details .bg th,
#house_details .bg td {
	border-color: #ffbb69;
}
#house_details .bg th {
	background-color: #ffe4c3;
	color: #ff7200;
}
#house_details .list {
	margin: 30px 0;
}
#house_details .list * {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
#house_details .list ul:after {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0px;
	content: "";
}
#house_details .list ul li {
	float: left;
	width: 60%;
}
#house_details .list ul li+li {
	width: 18%;
	margin: 0 0 15px 2% !important;
}
#house_details .btn {
	margin-top: 30px;
}
#house_details .btn a {
	display: block;
	max-width: 400px;
	margin: auto;
	padding: 10px 0 5px;
	background: #0075ba;
	border-radius: 10px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
/* PC */
@media only screen and (min-width: 641px){
	#house_details th {
		width: 20%;
	}
	#house_details .list ul li+li {
		margin-bottom: 10px !important;
	}
}
/* スマホ */
@media only screen and (max-width: 640px){
	#house_details .list ul li+li {
		margin-bottom: 5px !important;
	}
}
/*
 * wp-members
 */
#wpmem_reg label[for="user_login"]:after {
	content: "半角英数字と-(ハイフン) _(アンダーバー)が使用出来ます";
	display:block;
	font-size:70%;
}
#wpmem_reg label[for="password"]:after {
	content: "８文字以上でご入力下さい。半角英数字と-(ハイフン) _(アンダーバー)が使用出来ます";
	display:block;
	font-size:70%;
}
#wpmem_reg .form{
	font-family: "inherit","Noto Sans Japanese","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Meiryo UI","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;	
}
#wpmem_login .link-text{
	width: auto !important;
	font-size: 85%;
	font-family: "inherit","Noto Sans Japanese","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Meiryo UI","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
}
#wpmem_login input,
#wpmem_reg input{
	font-family: "inherit","Noto Sans Japanese","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Meiryo UI","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
}
#wpmem_login label{
	font-family: "inherit","Noto Sans Japanese","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Meiryo UI","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	width: 74% !important;
	margin: 0 auto !important;
}
#wpmem_reg legend, #wpmem_login legend {
    margin: 0;
    outline: 0;
	 vertical-align: baseline;
	 font-family: inherit;
	 clear: both;
	 line-height: 1.25;
    margin-bottom: 15px;
    padding: 8px 5px 8px 10px;
    position: relative;
	 font-weight: bold;
    font-size: 22px;
	 border: none;
    border-radius: 0px;
    color: #6d6d6d;
    text-shadow: none;
    padding-left: 8px;
	 border-bottom: 1px solid #0075BA;
	 background: none;
}
#loginform_in_members {
	width:48%;
	float:left;
	border:1px solid #0075BA;
	padding:10px;
	box-sizing:border-box;
	height:500px;
}
#move_regist {
	width:48%;
	float:right;
	border:1px solid #ed7d31;
	padding:10px;
	box-sizing:border-box;
	height:500px;
}
#move_regist h2 {
	border-color:#ed7d31;
}

@media only screen and (max-width: 1023px){
	#loginform_in_members ,
	#move_regist {
		width:100%;
		float:none;
		margin-bottom:10px;
		height:auto;
	}
}

#wpmem_login input[type="submit"] ,
#wpmem_reg input[type="submit"] {
	width:90%;
	margin:0 auto;
	display:block;
	height:60px;
	cursor:pointer;	
	background:none;
	color:#000000;
	border:1px solid #203864;
	box-sizing:border-box;
}
#wpmem_login input[type="submit"]:hover ,
#wpmem_reg input[type="submit"]:hover {
	background-color:#0075BA;
	color:#ffffff;
}

#wpmem_login .button_div ,
#wpmem_login .div_text {
	width:100% !important;
}

#move_regist_button {
	width:90%;
	margin:0 auto;
	display:block;
	height:60px;
	cursor:pointer;
	background:none;
	color:#000000;
	border:1px solid #ffc000;
	box-sizing:border-box;
}
#move_regist_button:hover {
	background-color:#ffc000;
	color:#ffffff;
}

#wpmem_reg input[type="text"], #wpmem_reg input[type="password"], #wpmem_reg input[type="email"], #wpmem_reg input[type="url"], #wpmem_reg input[type="number"], #wpmem_reg input[type="date"], #wpmem_reg textarea, #wpmem_login input[type="text"], #wpmem_login input[type="password"] {
	padding:1px 10px 1px !important;
	box-sizing:border-box;
}
#header .contact .float img{
	width: 100%;
	max-width: 274px;
	height: auto;
}
#footer::before {
    height: 65%;
    top: -65%;
}

#changezip1 {
	width:4em !important;
}
#changezip2 {
	width:5em !important;
}