@charset "utf-8";
/*RealEstate master WEB SITE CSS*/
/*customDD*/

.banner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.banner li {
margin-top: 2%;
}
.banner li.half {
width: 49%;
}
.banner img {
max-width: 100%;
}
.banner a {
transition: 0.2s;
}
.banner a:hover {
opacity: 0.75;
}

/*HOME NAVI--------------------------------------------------------------------------*/
ul.buy_navi {
overflow:hidden;
}
ul.buy_navi li {
float:left;
margin-left:20px;
}
ul.buy_navi li.first {
margin-left:0;
}

#image_sp {
display:none;
}

/*image---------------------------------------------------------*/
@media screen and (max-width:640px) {
#image {
display:none;
}
#image_sp {
width:100%;
display:block;
}
#image_sp img {
width:100%;
margin-left:0%;
}
}


#contents .chirashi {
margin-top:20px;
}
#contents .chirashi img {
display:block;
width:100%;
border:1px solid #40220F;
box-sizing:border-box;
}
#contents .chirashi a:hover {
opacity:0.8;
}


/*Newinfo---------------------------------------------------------*/
#info {
width:680px;
margin-top:20px;
}
#info h2.sp_info {
display:none;
}
#info p.btn_info {
display:none;
}
#info ul {
margin-top:5px;
height:150px;
overflow-y:scroll;
}
#info ul li {
margin:0 20px;
padding:8px 0;
border-bottom:1px dotted #CCC;
}
#info ul a {
color:#003366;
text-decoration:underline;
}

@media screen and (max-width:640px) {
#info {
width:100%;
margin-top:20px;
}
#info h2 {
width:100%;
border-radius:0;
overflow:hidden;
}
#info h2.pc_info {
display:none;
}
#info h2.sp_info {
display:block;
}
#info p.btn_info {
display:block;
padding:1em 1em 1em calc(5% + 1em);
color:#F60;
background:#F5F5F5 url(../img/arw_link.gif) 5% 1.4em no-repeat;
}
#info p.btn_info.open {
background:#F5F5F5 url(../img/arw_down.gif) 5% 1.4em no-repeat;
}
#info p.btn_info:hover {
cursor:pointer;
}
#info ul {
display:none;
width:90%;
height:auto;
margin:0 auto;
overflow-y:visible;
}
#info ul li {
width:100%;
margin:0;
padding:0;
text-align:justify;
border-bottom:1px dotted #CCC;
word-wrap:break-word;
}
}

/*update--------------------------------------------------------------------------*/
#update{
margin-top:20px;
text-align:right;
font-size:90%;
color:#666;
}

@media screen and (max-width:640px) {
#update{
text-align:right;
font-size:0.8em;
}
}

/*Osusume---------------------------------------------------------*/
#osusume {
width:680px;
background:#F5F5F5;
overflow:hidden;
}
#osusume h2 {
margin-bottom:10px;
}
#osusume .inner {
display:flex;
flex-flow:row wrap;
justify-content:space-between;
}
#osusume .bukken {
width:47%;
margin:1.5%;
}

/*
#osusume div.bukken {
width:320px;
padding:10px 9px 10px 10px;
line-height:1.4;
color:#333;
border-bottom:1px dotted #CCC;
overflow:hidden;
}
#osusume div.left {
float:left;
border-right:1px dotted #CCC;
}
#osusume div.right {
float:right;
}
*/
#osusume h3 {
font-weight:bold;
}
#osusume div.photo {
float:left;
width:160px;
height:120px;
margin:5px 10px 0 0;
text-align:center;
background:#F0F0F0;
}
#osusume .comment {
text-align:justify;
}
#osusume .price span {
font-size:160%;
color:red;
font-weight:bold;
}
#osusume .detail {
margin-top:2px;
}
#osusume .detail a {
padding-left:12px;
color:#F60;
background:url(../img/arw_osusume_detail.gif) left center no-repeat;
}
#osusume .detail a:hover {
text-decoration:underline;
}
#osusume .movie {
margin-top:2px;
}
#osusume .movie a {
padding-left:12px;
color:#060;
background:url(../img/arw_osusume_movie.gif) left center no-repeat;
}
#osusume .movie a:hover {
text-decoration:underline;
}

@media screen and (max-width:640px) {
#osusume {
width:100%;
margin-top:0;
padding:0;
background:#FFF;
}
#osusume h2 {
width:100%;
margin-top:5px;
border-radius:0;
overflow:hidden;
}
#osusume .inner {
display:flex;
flex-flow:colomn nowrap;
}
#osusume div.bukken {
width:90%;
margin:0 auto;
padding:5% 0;
border-bottom:1px dotted #CCC;
word-wrap:break-word;
}
#osusume div.left {
float:none;
border-right:none;
}
#osusume div.right {
float:none;
}
#osusume div.photo {
float:left;
width:160px;
height:120px;
margin:5px 10px 0 0;
text-align:center;
}


}


/*Message---------------------------------------------------------*/
dl.message {
margin-top:10px;
padding:15px 25px;
border:1px dotted #CCC;
}
dl.message dd {
margin-top:5px;
font-size:95%;
}

@media screen and (max-width:640px) {
dl.message {
padding:10px 5%;
border:none;
}
dl.message dd {
margin-top:0;
font-size:100%;
text-align:justify;
}
}