@charset "utf-8";

/*Footer--------------------------------------------------------------------------*/
.free_dial{
color:red;
font-size:16px;
font-weight:bold;
}


/*sitemap--------------------------------------------------------------------------*/

#sitemap {
margin-top:20px;
}
#sitemap dl {
margin:0 20px;
}
#sitemap dt {
margin-top:40px;
padding-bottom:5px;
border-bottom:1px dotted #CCC;
}
#sitemap dd {
margin:10px 0 0 1em;
padding-left:15px;
background:url(../img/arw_link2.gif) left center no-repeat;
}
#sitemap a {
text-decoration:underline;
}

/*voice--------------------------------------------------------------------------*/


#voice p.message {
margin-top:20px;
}
#voice ul.err {
margin-top:5px;
color:red;
}
#voice span.hissu {
padding-left:5px;
font-weight:normal;
color:red;
}
#voice h3 {
margin-top:20px;
padding-top:20px;
font-size:140%;
color:#36BDEF;
border-top:1px dotted #CCC;
}
#voice ul.answer {
overflow:hidden;
}
#voice ul.answer li {
width:33%;
float:left;
margin-top:5px;
}
#voice ul.answer li.etc {
width:66%;
}

#voice table.form {
width:100%;
margin-top:20px;
}
#voice table.form th, #voice table.form td {
padding:10px;
border:1px solid #CCC;
}
#voice table.form thead th {
padding:5px;
text-align:center;
background:#BBE8F9;
}
#voice table.form tbody th {
text-align:left;
background:#DCF3FC;
}
#voice table.form input {
padding:2px;
}
#voice div.submit {
margin-top:20px;
overflow:hidden;
}
#voice div.submit input {
float:left;
margin-right:20px;
padding:10px 20px;
}
#voice p.thanks{
margin-top:20px;
font-size:140%;
}
.width100 {
width:100px;
}
.width200 {
width:200px;
}
.width400 {
width:400px;
}

/*voice--------------------------------------------------------------------------*/
#voice div.box {
margin-top:20px;
padding:15px;
background:#F0F0F0;
border-radius:10px;
overflow:hidden;
}
#voice dl {
margin:0 0 10px 0;
padding:6px 10px;
color:#FFF;
font-size:14px;
line-height:1.5;
font-weight:bold;
background:#F90;
border-radius:5px;
border:0;
overflow:hidden;
}
#voice dt {
float:left;
}
#voice dt img {
margin-right:10px;
line-height:1.2;
vertical-align:middle;
}
#voice dd {
float:right;
}
#voice div.ph img {
margin:0;
padding:0;
}
#voice div.ph {
overflow:hidden;
}
#voice div.ph img.left {
float:left;
}
#voice div.ph img.right {
float:right;
}
#voice table.enq {
width:100%;
margin-top:10px;
}
#voice table.enq th {
padding:2px 10px;
text-align:center;
color:#630;
background:#FC6;
border:1px solid #CCC;
}
#voice table.enq td {
padding:4px 10px;
text-align:center;
background:#FFF;
border:1px solid #CCC;
}

/*staff--------------------------------------------------------------------------*/
#staff div.box {
margin:30px 10px 0 10px;
padding:20px;
border-radius:10px;
box-shadow:1px 1px 5px #CCC;
overflow:hidden;
}
#staff div.box dl {
float:left;
width:270px;
}
#staff div.box dt {
font-weight:bold;
line-height:1.2;
color:#069;
}
#staff div.box dt span {
font-size:20px;
}
#staff div.box dd.ph {
margin-top:10px;
}
#staff div.box dd.comment {
margin-top:8px;
padding-top:8px;
border-top:1px dotted #CCC;
}

#staff table.profile {
float:right;
width:330px;
line-height:1.3;
}
#staff table.profile thead th {
padding:1px 10px;
color:#FFF;
letter-spacing:2px;
background:#AAA;
border-bottom:1px dotted #CCC;
}
#staff table.profile tbody th {
width:4em;
padding:8px 10px;
text-align:center;
background:#F0F0F0;
border-bottom:1px dotted #CCC;
}
#staff table.profile tbody td {
padding:8px 10px;
background:#FFF;
border-bottom:1px dotted #CCC;
}
#staff table.profile tbody td span {
font-size:85%;
color:#036;
}




#sell_flow {
display:table;
width:100%;
margin-top:20px;
}
#sell_flow dl {
padding-bottom:50px;
background:url(../sell/img/flow_arw.gif) center bottom no-repeat;
}
#sell_flow dl:last-child {
padding-bottom:0;
background:none;
}
#sell_flow dt {
display:table-cell;
width:25%;
padding:1em 1em;
font-size:1.2em;
line-height:1.2;
font-weight:bold;
color:#FFF;
vertical-align:middle;
background:url(../sell/img/flow_bg.gif) repeat;
}
#sell_flow dt span {
display:block;
float:left;
margin-right:0.25em;
font-size:2em;
font-weight:normal;
color:#F90;
}
#sell_flow dd {
display:table-cell;
width:75%;
padding:1em 1em;
background:#F5F5F5;
}

table.sell {
width:100%;
}
table.sell thead th {
padding:5px 10px;
background:#999;
color:#FFF;
font-weight:bold;
border:1px solid #CCC;
}
table.sell tbody th {
width:20%;
padding:10px;
background:#EEE;
border:1px solid #CCC;
}
table.sell tbody th span {
font-size:90%;
color:red;
}
table.sell tbody td {
padding:10px;
border:1px solid #CCC;
}
table.sell tbody td ul {
overflow:hidden;
}
table.sell tbody td li {
float:left;
margin-right:30px;
}
table.sell input {
padding:1px;
}
table.sell input.shozaichi, table.sell input.address, table.sell input.mail {
width:400px;
}
table.sell input.genkyou {
width:300px;
}
table.sell input.name, table.sell input.kana {
width:200px;
}
table.sell input.menseki1, table.sell input.menseki2, table.sell input.chikunen,
table.sell input.tel, table.sell input.fax {
width:100px;
}
table.sell textarea.comment {
width:400px;
height:150px;
}
div.sell_button {
margin-top:10px;
text-align:center;
}
div.sell_button form {
display:inline; 
}
div.sell_button input {
display:inline; 
margin:0 10px;
padding:10px 20px;
}
ul.error {
margin-top:20px;
}
ul.error li {
color:red;
}

@media screen and (max-width:640px) {
#sell_flow dt {
display:block;
width:calc(100% - 2em);
margin-top:0.5em;
padding:0.5em 1em;
font-size:1.2em;
line-height:1.2;
font-weight:bold;
color:#FFF;
vertical-align:middle;
background:url(../sell/img/flow_bg.gif) repeat;
}
#sell_flow dt br {
display:none;
}
#sell_flow dt span {
display:inline;
float:none;
font-size:1.5em;
}
#sell_flow dd {
display:block;
width:100%;
padding:0.5em 0;
background:#FFF;
}
table.sell {
width:100%;
}
table.sell thead th {
display:block;
width:calc(100% - 2em);
padding:0.5em 1em;
}
table.sell tbody th {
display:block;
width:calc(100% - 2em);
margin-top:0.5em;
padding:0.5em 1em;
font-weight:bold;
background:#EEE;
border:none;
}

table.sell tbody td {
display:block;
width:100%;
padding:0.5em 0;
border:none;
}
table.sell tbody td ul {
overflow:hidden;
}
table.sell tbody td li {
float:none;
}
table.sell input {
padding:0.25em;
}
table.sell input.shozaichi, table.sell input.address, table.sell input.mail {
width:calc(100% - 0.5em);
}
table.sell input.genkyou {
width:calc(100% - 0.5em);
}
table.sell input.name, table.sell input.kana {
width:calc(100% - 0.5em);
}
table.sell input.menseki1, table.sell input.menseki2, table.sell input.chikunen,
table.sell input.tel, table.sell input.fax {
width:calc(100% - 0.5em);
}
table.sell textarea.comment {
width:calc(100% - 0.5em);
height:150px;
}
div.sell_button form {
display:block; 
}
div.sell_button input {
display:block;
width:100%;
margin:0;
padding:10px 0;
}
}

/*add_photo--------------------------------------------------------------------------*/
/*物件画像*/
.photo_sp {
display: none;
}
@media screen and (max-width:640px) {
	.photo_pc {
	display: none;
	}
	.photo_sp {
	display: block;
	margin: 4% 0;
	}
	.photo_sp img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	margin: auto;
	}
}

td.detail_photo{
padding:10px;
text-align:center;
}
div#ph_main_wrapper{
height:330px;
}
td.detail_photo div#ph_main_wrapper img{
padding:5px;
}
td.detail_photo ul#thumbnail{
margin:3px 3px 0 3px;
padding-top:5px;
border-top:1px solid #CCC;
}
td.detail_photo ul#thumbnail li{
float:left;
margin:3px;
list-style:none;
}
td.detail_photo ul#thumbnail li img{
padding:3px;
border:1px solid #CCC;
}

@media screen and (max-width:640px) {
	td.detail_photo{
	width:calc(100% - 1em);
	padding:0.5em;
	text-align:center;
	}
	div#ph_main_wrapper{
	display:none;
	}
	td.detail_photo ul#thumbnail{
	margin:0;
	padding-top:0;
	border-top:none;
	}
	td.detail_photo ul#thumbnail li{
	float:none;
	margin:0;
	list-style:none;
	}
	td.detail_photo ul#thumbnail li a {
	pointer-events:none;
	}
	td.detail_photo ul#thumbnail li img{
	width:100%;
	height:auto;
	padding:0;
	border:0;
	}
}