@charset "UTF-8";

/*===============================================
スマホ用　画面の横幅が640pxまで
===============================================*/
/*__top__*/
@media screen and (max-width:640px){
.estateTopBox {
	width:100%;
	overflow:hidden;
}
.estateTopBox h3 {
	text-align: center;
	font-size: 1.4rem;
}
.tochiBox {
                                background: #98fb98;
	margin-top: 6rem;
}
.kodateBox {
                                background: #afeeee;

}

.estateTopBox ul.search {
	margin: auto;
                                width: 80%;
                                padding: 2rem 0rem;
}
.estateTopBox li {
                                width: 100%;
	display: inline-block;
}
.estateTopBox a.link {
	width: 100%;
                                font-size: 1.2rem;
                                font-weight:600;
                                margin-top: 0.5rem;
                                padding: 0.5rem 0%;
}




/*__一覧ページ__*/

.estdata {
	width: 90%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	margin-bottom: 6rem;

}
.estdata h1 {
                                font-size: 1.2rem;
                                font-weight:600;
}
.estdata h1 span {
                                display: inline-block;
                                vertical-align : top; 
                                font-size: 0.7rem;
                                font-weight:600;
                                line-height: 1.6;
                                margin-top: 9px; 
                                margin-left: 10px;
                                padding: 0.1em 0.5em;
                                color: #fff;
                                background: #ff4500;
}
.estdata h6 {
                                font-size: 1rem;
                                font-weight:300;
	margin-bottom: 1rem;
}
.estdata div.left {
	width:100%;
	text-align:left;
	float:left;
                                display: block;
}

.estdata div.right {
	width:100%;
	text-align:left;
	float:left;
                                display: block;
	margin-top:1rem;
}
.estdata div.right table {
	width:100%;
	border: 1px solid #111111;
	box-sizing:border-box;
                                font-size: 0.8rem;
}
.estdata div.right td {
	border: 1px solid #c6c6c6;
	box-sizing:border-box;
	padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}
.estdata div.right td.w80 {
	width:25%;
	background-color: #ebebeb;
}
.estdata div.right td.w130 {
	width:40%;
	background-color: #ebebeb;
}
.estdata span {
	color: #ff0000;
	font-weight:600;
}
.estdata div.txtbox {
	width:100%;
	margin:auto;
	overflow:hidden;
}
.estdata div.btnbox {
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
.estdata div.btnbox ul {
	margin-top: 1.5rem;
}
.estdata div.btnbox li {
                                margin: auto;
                                text-align: center;
                                font-size: 1.2rem;
                                font-weight: 600;
}


/*__詳細ページ__*/
#moreDetail {
	width:100%;
	text-align: justify;
	margin:0 auto;
	overflow:hidden;
}
#moreDetail div.txtBox {
	margin: 0rem 0rem 2rem 0rem;
}
#moreDetail div.txtBox h2 {
                                font-size: 1.4rem;
                                font-weight:600;
}


#moreDetail section.sec2 {
	text-align: left;
	margin-top:40px;
}
#moreDetail section.sec2 h1 {
                                font-size: 1.2rem;
                                position: relative;
                                padding: 0rem 1rem 1rem 1rem;
                                font-weight:600;
                                text-align: center;
	margin-bottom:2rem;
}
#moreDetail section.sec2 h1:before {
                                position: absolute;
                                bottom: -4px;
                                left: calc(50% - 15px);
                                width: 30px;
                                height: 2px;
                                content: '';
                                background: #000;
}

#moreDetail section.sec2 table {
                                border-collapse: collapse;
}
#moreDetail section.sec2 table th {
                                padding: 5px;
                                border: solid 1px #555555;
                                text-align:center;
                                box-sizing:border-box;
}
#moreDetail section.sec2 table td {
                                padding: 5px 5px 5px 10px;
                                border: solid 1px #555555;
                                text-align:left;
                                box-sizing:border-box;
}
#moreDetail section.sec2 table th {
                                background-color: #555555;
                                color: #fff;
}


#moreDetail section.sec2 table {
	width: 90%;
	font-size: 0.8rem;
                                margin: auto;
}
#moreDetail section.sec2 table th,
#moreDetail section.sec2 table td {
                                display: block;
                                width: 100%;
                                border-bottom:none;
}
#moreDetail section.sec2 table tr:last-child{
                                border-bottom: solid 1px #555555;
}

#moreDetail section.sec3 {
	text-align: left;
	margin: 0px 1rem;
	margin-top:3rem;
}
#moreDetail section.sec3 h1 {
                                font-size: 1.2rem;
                                position: relative;
                                padding: 0rem 1rem 1rem 1rem;
                                font-weight:600;
                                text-align: center;
	margin-bottom:2rem;
}
#moreDetail section.sec3 h1:before {
                                position: absolute;
                                bottom: -4px;
                                left: calc(50% - 15px);
                                width: 30px;
                                height: 2px;
                                content: '';
                                background: #000;
}

#moreDetail section.sec3 div.txtbox {
	width:100%;
	font-size: 0.8rem;
	line-height: 1.3em;
	letter-spacing: 0em;
}
#moreDetail section.sec3 div.mapbox {
	width:100%;
}
#moreDetail section.sec3 div.txtbox ul {
                                width: 100%;
}
#moreDetail section.sec3 div.txtbox li {
                                width: 100%;
	float:left;
	vertical-align: top;
	margin-bottom: 10px;
}
#moreDetail section.sec3 div.txtbox span {
	display: block;
	float:left;
                                width: 30%;
	text-align: center;
	background-color: #00c75e;
	margin-right: 10px;
	color: #fff;
}

/*メールフォーム*/
#formbox {
	margin: 0px 1rem;
	margin-top:3rem;
}
#formbox h1 {
                                font-size: 1.2rem;
                                position: relative;
                                padding: 0rem 1rem 1rem 1rem;
                                font-weight:600;
                                text-align: center;
	margin-bottom:2rem;
	margin-top:2rem;
}
#formbox h1:before {
                                position: absolute;
                                bottom: -4px;
                                left: calc(50% - 15px);
                                width: 30px;
                                height: 2px;
                                content: '';
                                background: #000;
}


/*フォームのボックスを初期化*/
input {
                                -webkit-appearance: none;
                                border-radius: 0;
}
select {
                                -webkit-appearance: none;
                                border-radius: 0;
}
/*スマホ時の拡大を防ぐ*/
input {
                                box-sizing: border-box;
                                width: 100%;
                                font-size: 16px;
}
select {
                                box-sizing: border-box;
                                width: 100%;
                                font-size: 16px;
}

#formbox {
	margin:auto;
	margin-top: 0rem;
	width:90%;
}
form#form {
                                padding: 0px;
                                margin-top: 2rem;
}
form#form dl {
                                width: 100%;
                                margin:0px;
                                font-size: 0.9rem;
	font-weight: 600;
}
form#form dt {
                                width: 100%;
                                display: block;
	border-top: 1px solid #ccc;
                                box-sizing:border-box;
                                padding: 0.5rem 0rem 0rem 0rem;
                                margin-top: 1rem;
}
form#form dt span {
	font-size: 0.7rem;
	display: inline-block;
                                margin-left: 0.3rem;
	width: 2.5rem;
	text-align: center;
	background-color: #eb5a24;
	color: #fff;
}
form#form dd {
                                width: 100%;
                                display: block;
                                padding: 1rem 0rem 0.5rem 0rem;
}
form#form dd p {
                                width: 100%;
                                padding: 0rem;
                                margin-top: 0.5rem;
	font-size: 0.9rem;
	font-weight: 300;
}
form#form dd span {
	line-height: 2.6em;
}


form#form dd .txtfiled {
                                width:100%;
                                line-height: 2.5rem;
                                color:#666;
                                border: solid 1px #ccc;
	background-color: #eee;
	box-sizing:border-box;
}

#formbox div.btnarea {
	width:100%;
	margin-top: 2rem;
	border-top: 1px solid #ccc;
}
#formbox div.btnarea input {
	width:80%;
                                font-size: 1.2rem;
	margin-top: 2rem;
	padding: 1.2rem 0rem 1.2rem 0rem;
	margin-left: 10%;
                                background-color: #CC0000;
	color: #fff;
                                border: none;
	letter-spacing: 0.3rem;
                                border-radius: 8px;
}
#formbox div.btnarea p {
                                font-size: 0.9rem;
	margin: 0rem;
}


/* 送信確認画面 */
#formWrap {
	margin-top: 2rem;
}
#formWrap h3 {
	font-size: 140%;
	font-weight: 600;
	margin: 0px 0px 1rem 0px;
	margin-top: 2rem;
	text-align: center;
}
.formTable {
	width:90%;
	font-size: 90%;
	font-weight: 400;
	margin:0 auto;
	margin-top: 2rem;
	text-align: left;
}
.formTable th {
	width:30%;
	border: 1px solid #ccc;
	padding: 0.5rem;
                                background: #888;
                                color: #fff;
}
.formTable td {
	width:70%;
	border: 1px solid #ccc;
	padding: 0.5rem;
}
#formWrap input {
	width:50%;
                                font-size: 1.2rem;
	font-weight: 600;
	margin-top: 2rem;
	margin-right: 2rem;
	padding: 1.2rem 0rem 1.2rem 0rem;
	border: 2px solid #333;
	letter-spacing: 0.3rem;
                                border-radius: 8px;
}
#formWrap input:hover {
                                background: #333;
                                color: #fff;
	opacity: 1;
}




/* 送信完了画面 */
.txtfin{
	line-height:1.4;
	font-weight:bold;
	color:#333333;
	font-size:100%;
	text-align:center;
	margin: 80px 50px 50px 50px;
}

/* エントリーフォーム */
.date{
	line-height:1.4;
	font-weight:bold;
	color:#ff0000;
	font-size:130%;
	margin: 0px 0px 10px 0px;
}




/* 写真一覧 */
#estateinner{
	width: 100%;
	overflow:hidden;
	margin: auto;
	margin-top: 0;
	text-align: justify;
}


#estateinner #thumbs ul{
                                margin: 1rem;
	margin-top: 3rem;
}
                                #estateinner #thumbs ul li{
                                                                margin-bottom: 1rem;
                                                                overflow:hidden;
                                }
                                #estateinner #thumbs ul li.length {
                                                                width: 100%;
                                }
                                #estateinner #thumbs ul li.oblong01 {
                                                                width: 100%;
                                }
                                #estateinner #thumbs ul li.oblong02 {
                                                                width: 100%;
                                }
                                #estateinner #thumbs ul li img {
	                                width: 100%;
	                                height: 100%;
                                }


}




}