.cf { zoom: 1; /* for ie */ }
.cf:after { content: ""; display: table; clear: both; }

#search .search-header { background: url(../img/page-title.jpg) center no-repeat; color: #fff; padding: 40px 0; text-align: center; border-bottom: 1px solid #333; }
@media screen and (max-width: 480px) { #search .search-header { padding: 15px 0; background-size: 270%; } }
#search .search-header h1 { font-size: 2em; font-weight: bold; margin-bottom: 15px; }
@media screen and (max-width: 480px) { #search .search-header h1 { margin-bottom: 10px; font-size: 1.6em; } }
#search .search-header h2 { font-size: 1em; }
#search .minPrice { width: auto; }

.list-pagelink { margin-bottom: 15px; }
@media screen and (max-width: 480px) { .list-pagelink { margin-left: 10px; margin-bottom: 10px; } }
.list-pagelink li { display: inline-block; margin-right: 5px; padding-right: 5px; border-right: 1px solid #ddd; }
@media screen and (max-width: 480px) { .list-pagelink li { margin-right: 3px; padding-right: 0px; border-right: none; } }
.list-pagelink li:last-child { border-right: none; }
.list-pagelink li a { display: inline-block; text-decoration: underline; }

#search .item { margin-bottom: 15px; padding: 15px; border-top: 3px solid #ddd; background: #fff; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; box-shadow: 0 2px 5px #ccc; -webkit-box-shadow: 0 2px 5px #ccc; -moz-box-shadow: 0 2px 5px #ccc; }
#search .item:hover { box-shadow: 0 5px 10px #999; -webkit-box-shadow: 0 2px 10px #999; -moz-box-shadow: 0 2px 10px #999; }
@media screen and (max-width: 480px) { #search .item { padding: 10px 10px 0; } }
#search .item a:hover { color: #333; }
#search .item .header { margin-bottom: 10px; }
#search .item .header:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { #search .item .header { margin-bottom: 5px; }
  #search .item .header .list-place { margin-bottom: 5px; } }
#search .item .header .comment { position: absolute; top: 15px; right: 15px; background: #ff0066; color: #fff; padding: 0 10px; }
#search .item .header .comment:before { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -6px; border: 6px solid transparent; border-right: 6px solid #ff0066; }
@media screen and (max-width: 480px) { #search .item .header .comment { position: relative; top: 0; right: 0; padding: 5px; line-height: 1.5; }
  #search .item .header .comment:before { display: none; }
  #search .item .header .comment:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -7px; border: 7px solid transparent; border-top: 7px solid #ff0066; } }
#search .item .header .name { font-size: 1.6em; font-weight: bold; line-height: 1; float: left; padding-left: 15px; margin-top: 10px; border-left: 3px solid #ff0066; }
@media screen and (max-width: 480px) { #search .item .header .name { float: none; padding-left: 10px; margin-bottom: 10px; } }
#search .item .header .name a { color: #1F8CE6; }
#search .item .header .name .yomi { font-size: 12px; color: #333; }
#search .item .header .contact { float: right; }
#search .item .header .contact:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 480px) { #search .item .header .contact { float: none; } }
#search .item .header .contact .tel, #search .item .header .contact .mail { margin-top: 10px; margin-left: 15px; float: left; }
@media screen and (max-width: 480px) { #search .item .header .contact .tel, #search .item .header .contact .mail { margin-top: 5px; margin-left: 0; width: 50%; } }
#search .item .header .contact .tel a, #search .item .header .contact .mail a { padding: 5px 10px; border: 1px solid #ddd; }
@media screen and (max-width: 480px) { #search .item .header .contact .tel a, #search .item .header .contact .mail a { width: 100%; padding: 5px 0; text-align: center; } }
#search .item .header .contact .tel a i, #search .item .header .contact .mail a i { margin-right: 5px; }
#search .item .content:after { content: ""; display: block; clear: both; }
#search .item .content .pic { width: 370px; margin-right: 15px; float: left; overflow: hidden; }
@media screen and (max-width: 480px) { #search .item .content .pic { width: auto; float: none; margin-right: 0; margin-bottom: 5px; } }
#search .item .content .pic .award-4star { margin-bottom: 5px; }
#search .item .content .pic .big, #search .item .content .pic .small { float: left; }
#search .item .content .pic .big { width: 67%; margin-right: 1%; }
#search .item .content .pic .small { width: 32%; }
#search .item .content .pic .small img { margin-bottom: 7px; }
#search .item .content .text { width: 740px; float: left; }
@media screen and (max-width: 480px) { #search .item .content .text { width: auto; float: none; } }
#search .item .content .text .catch { margin-bottom: 10px; font-weight: bold; font-size: 18px; }
@media screen and (max-width: 480px) { #search .item .content .text .catch { font-size: 15px; margin-bottom: 5px; } }
#search .item .content .text .radarchart { position: absolute; right: 0; }
#search .item .content .text .list-rating { margin-bottom: 10px; }
@media screen and (max-width: 480px) { #search .item .content .text .list-rating { margin-bottom: 5px; } }
#search .item .content .text .list-icon { margin-bottom: 10px; }
@media screen and (max-width: 480px) { #search .item .content .text .list-icon { margin-bottom: 5px; } }
#search .item .content .text .list-icon li { margin-right: 5px; font-size: 11.5px; padding: 1.5px 3px; border: 1px solid #ff0066; color: #ff0066; }
@media screen and (max-width: 480px) { #search .item .content .text .list-icon li { font-size: 10px; margin-right: 3px; } }
#search .item .content .text .list-icon li:last-child { margin-right: 0; }
#search .item .content .text .profile { margin-bottom: 10px; }
#search .item .content .text .location { float: left; font-size: 0.8em; }
#search .item .content .text .location a { display: inline-block; color: #1F8CE6; padding-left: 3px; }
@media screen and (max-width: 480px) { #search .item .content .text .location { clear: both; float: none; width: 100%; font-size: 0.8em; margin-bottom: 5px; } }
@media screen and (max-width: 480px) { #search .item .list-plan { margin-bottom: 10px; } }
#search .item .list-plan li a { padding: 10px 0; }
#search .item .list-plan li a .name .title { display: inline; }
#search .item .list-plan li a .name b { background: #00D900; color: #fff; padding: 1px 5px; font-size: 14px; margin-right: 10px; }

/*# sourceMappingURL=search.css.map */