@charset "utf-8";
@media only screen and (max-width: 1000px) and (min-width: 891px) {
.box-list .box .area li a {
 width: 70px;
}
}
@media only screen and (max-width: 890px) {
.xbody .block-main, .xbody .block-other {
width: 100%;
float: none;
}
.xbody .block-other {
 margin-top:20px;
 padding-left:0px;
}
}
@media only screen and (max-width: 700px) {
.box-list .box .result li .photo {
height: 100px;
width: 150px;
}
.box-list .box .area li a {
width: 70px;
}
}
@media only screen and (max-width: 635px) {
.box-list .box .result li .photo {
height: 100px;
width: 150px;
}
.box-list .box .area li:nth-child(1) {
padding-top: 20px;
padding-bottom: 20px;
}
.box-list .box .area li a {
width: 80px;
}
}
@media only screen and (max-width: 545px) {
.box-list .box .area li:nth-child(1) {
 margin-left: 10px;
}
.box-list .box .area li a {
width: 70px;
}
.box-list .box .result {
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width: 475px) {
.box-list .box .area li a {
width: 60px;
font-size: 12px;
}
.box-list .box .result li .photo {
height: 100px;
width: 100px;
}
}
@media only screen and (max-width: 425px) {
.box-list .box .area li:nth-child(1) {
 display:none;
}
}
@media only screen and (max-width: 395px) {
.box-list .box .result li .remark {
 word-spacing: 0px;
 height:30px;
}
.box-list .box .result li .content {
text-indent: 0em;
white-space: nowrap;
}
}