@charset "UTF-8";

#contents {
  float: none;
  width: 960px;
  color: #333;
}

.heading-lv2 {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  font-size: 22px;
  font-weight: normal;
}

/*////////////////////////////////////////////
ページヘッダー
////////////////////////////////////////////*/
#prefhead {
  position: relative;
  margin: 0 0 20px;
  padding: 10px 0;
  background: url(/ui/utility/common/svg/iconC_houseUsed.svg);
  border-bottom: 1px solid #ccc;
  border-top: 6px solid #ff9300;
}

#prefhead h1 {
  display: inline-block;
  width: auto;
  height: auto;
  margin-right: 20px;
  padding: 3px 0 1px 48px;
  background-position: 20px 9px;
  background-size: 32px;
  font-size: 20px;
  font-weight: normal;
}

#prefhead .subFont {
  margin: 0 2px;
  font-size: 26px;
}

#prefhead .estateNum {
  display: inline-block;
  height: 40px;
  margin-top: 7px;
  padding: 0 20px;
  background: #fffced;
  border-radius: 20px;
  color: #80654d;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  vertical-align: top;
}

#prefhead .estateNum span {
  display: inline-block;
  margin: 0 2px 0 10px;
  font-weight: bold;
  font-size: 18px;
}

#prefhead .update {
  float: right;
  margin: 16px 20px 0 0;
  text-align: right;
  font-weight: bold;
  color: #80654d;
}

#prefhead .prefName {
  margin-right: 4px;
  font-size: 32px;
  color: #ff9300;
}

/*////////////////////////////////////////////
左カラム
////////////////////////////////////////////*/
#topContents {
  overflow: hidden;
}

#topSearchArea {
  float: left;
  width: 640px;
  margin-right: 20px;
}

/*////////////////////////////////////////////
メイン検索
////////////////////////////////////////////*/
#mainSearch {
  margin-bottom: 20px;
  padding: 8px;
  background: #f0eee2;
}

/*////////////////////////////////////////////
前回検索した条件
////////////////////////////////////////////*/
#previousCondition {
  margin-bottom: 8px;
  box-shadow: 0 0 3px #ccc;
  overflow: hidden;
}

.prevCondWrap {
  float: left;
  width: 356px;
  height: 100px;
  padding: 12px 6px 12px 16px;
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
}

.prevCondWrap:hover .prevCond,
.prevCondWrap:hover .prevLink {
  opacity: 0.6;
}

.prevCond .prevTit {
  position: relative;
  height: 26px;
  font-weight: bold;
  color: #000;
  font-size: 16px;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
}

/* エリア */
.areaList,
.lineList,
.commuteList,
.mapList,
.areaList dt,
.areaList dd,
.lineList dt,
.lineList dd,
.commuteList dt,
.commuteList dd,
.mapList dt,
.mapList dd {
  display: inline;
  text-align: left;
}

.prevCondWrap dl dt:first-child::before {
  content: none;
}

.prevCondWrap dl dt::before {
  content: "-";
  margin: 0 4px;
  color: #a3aab7;
}
.prevCondWrap dl dt:nth-child(n+3)::before {
  content: "|";
  margin: 0 4px;
  color: #a3aab7;
  font-weight: lighter;
}

.prevCondWrap dl dd::before {
  content: "|";
  margin: 0 6px;
  color: #a3aab7;
  font-weight: lighter;
}

.prevCondWrap dl dd:nth-of-type(1)::before {
  content: "-";
  margin: 0 4px;
  color: #a3aab7;
}
/* 詳細条件 */
.conditionDetail {
  position: relative;
  width: auto;
  max-height: 48px;
  margin: 0;
  padding: 4px 10px;
  background: #eceff5;
  border-radius: 3px;
  font-size: 12px;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}

.conditionDetail::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
  border-radius: 0 0 3px 3px;
  background: #eceff5;
}

.conditionsList {
  display: inline;
}

.conditionsList li {
  display: inline-block;
  text-align: left;
  line-height: 20px;
}

.conditionsList li:first-child::before {
  content: "-";
  margin: 0 4px 0 2px;
  color: #a3aab7;
  font-weight: bold;
  font-size: 16px;
}

.conditionsList li::after {
  content: "|";
  margin: 0 4px;
  color: #a3aab7;
  font-weight: lighter;
}

.conditionsList li.last::after {
  content: "…";
}

.conditionsList li:last-child::after {
  content: none;
}

/* ○○で探す */
.searchBtnWrap {
  float: right;
  width: 248px;
  height: 80px;
  padding: 10px;
  background: #fff;
}

#previousCondition .searchBtnWrap a {
  display: block;
  padding: 0;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  color: #000;
}

#previousCondition .searchBtnWrap a:first-of-type {
  margin-bottom: 6px;
}

#previousCondition .searchBtnWrap .allSearch.singleBtn {
  margin-top: 8px;
  padding: 14px 0 14px 26px;
}

#previousCondition .searchBtnWrap .allSearch {
  padding-left: 28px;
  background-image: url(/ui/utility/common/svg/iconI_search_orange.svg);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 18px;
}

#previousCondition .searchBtnWrap .newSearch {
  position: relative;
  padding-left: 30px;
}

#previousCondition .searchBtnWrap .newSearch::before {
  content: "NEW";
  position: absolute;
  top: 7px;
  left: 6px;
  padding: 0 3px;
  height: 18px;
  line-height: 18px;
  background: #ff4949;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
}

/* 住所から探す・駅から探す */
#mainSearch > .inner {
  background: #fff;
  box-shadow: 0 0 3px #ccc;
}

#mainSearchBtnWrap {
  padding: 20px 20px 24px;
  background: #fff;
  overflow: hidden;
}

#mainSearchBtnWrap h3 {
  margin: -6px 0 8px 0;
  padding-left: 32px;
  background: url(/ui/utility/common/svg/iconI_search_brown.svg) no-repeat left 3px / 24px;
  font-size: 22px;
  font-weight: normal;
}

#mainSearchBtnWrap .left {
  float: left;
  width: 316px;
  margin-right: 16px;
}

#mainSearchBtnWrap .right {
  float: right;
  width: 248px;
}

#mainSearchBtnWrap .mainSearchBtn {
  float: left;
  width: 284px;
}

#mainSearchBtnWrap .mainSearchBtn a {
  display: block;
  width: 100%;
  height: auto;
  padding: 24px 0 20px 40px;
  background-color: #fffce8;
  background-size: 38px;
  border: 3px solid #ff9300;
  box-shadow: 0 6px 0 #ff9300;
  border-radius: 8px;
  color: #555;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

#mainSearchBtnWrap .mainSearchBtn a.disabled {
  border: 3px solid #ccc;
  box-shadow: 0 6px 0 #ccc;
  color: #fff;
  pointer-events: none;
}
#mainSearchBtnWrap .mainSearchBtn a.iconT_route.disabled {
  background: url(/ui/utility/common/svg/iconT_route_disabled.svg)left center / 38px no-repeat;
  background-position: 48px center;
  background-color: #ddd;
}
#mainSearchBtnWrap .mainSearchBtn a.iconT_area.disabled {
  background: url(/ui/utility/common/svg/iconT_area_disabled.svg)left center / 38px no-repeat;
  background-position: 62px center;
  background-color: #ddd;
}

#mainSearchBtnWrap .mainSearchBtn a:hover {
  background-color: #fff8c7;
}

#mainSearchBtnWrap .mainSearchBtn a span {
  margin-left: 1px;
  font-size: 15px;
}

#mainSearchBtnWrap .station {
  margin-right: 16px;
}

#mainSearchBtnWrap .station a {
  background-position: 48px center;
}

#mainSearchBtnWrap .area a {
  background-position: 62px center;
}

/*////////////////////////////////////////////
フリーワード検索
////////////////////////////////////////////*/
#freeWord {
  background: #faf9f5;
  padding: 14px 20px 20px;
  border-top: 1px solid #f0eee2;
}

#freeWord h3 {
  width: 100%;
  height: auto;
  margin-bottom: 6px;
  background-size: 20px;
  font-size: 16px;
  color: #463820;
  box-sizing: border-box;
  background: none;
}

.freeWordForm {
  position: relative;
  height: 40px;
}

.freeWordForm .freeText {
  float: left;
  width: 468px;
  margin-right: 16px;
}

.freeWordForm .searchBtn {
  float: left;
  width: 100px;
  height: 30px;
}

.freeWordForm .freeText input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #ff9300;
  box-shadow: 2px 2px 3px #ccc inset;
  color: #000;
  box-sizing: border-box;
  transition: border 0.4s ease;
}

.freeWordForm .freeText input.noValue {
  border-color: #bbb;
}

.freeWordForm .freeText input:placeholder-shown {
  font-size: 12px;
}

.freeWordForm .searchBtn .ui-btn-submit {
  height: 40px;
  padding: 8px 0 0;
  box-sizing: border-box;
  font-size: 15px;
  vertical-align: baseline;
}
.freeWordForm .freeText input:-ms-input-placeholder {
  font-size: 12px;
}

.suggest {
  position: absolute;
  width: 212px;
  top: 40px;
}

.suggest .fws {
  display: none;
}

.suggest li {
  padding: 4px 4px 4px 26px;
  background-color: #fffde7;
  background-repeat: no-repeat;
  background-position: 4px center;
  background-size: 16px;
  border: 1px solid #D0C3AC;
  border-top: none;
  cursor: pointer;
}

.suggest li:hover,
.suggest li.fws-selected {
  background-color: #fff0cd;
}

.tabletUser .suggest li {
  padding: 10px 8px 10px 26px;
  font-size: 15px;
}

.suggest .area {
  background-image: url(/ui/utility/common/svg/iconI_locate_orange.svg);
}

.suggest .station {
  background-image: url(/ui/utility/common/svg/iconT_route_orange.svg);
}

.suggest .search_error {
  background: #fcedeb;
  padding: 10px;
  color: #E65252;
  font-size: 13px;
  font-weight: bold;
}

.suggest .search_error:hover {
  background: #fcedeb;
}
/*////////////////////////////////////////////
ランキング
////////////////////////////////////////////*/
#ranking {
  margin-bottom: 30px;
  overflow: hidden;
}

.rankingBlock {
  float: left;
  width: 305px;
}

.rankingBlock:first-child {
  margin-right: 30px;
}

#ranking h3 {
  width: 100%;
  height: auto;
  margin-bottom: 6px;
  padding-left: 34px;
  background-position: 0 2px;
  background-size: 28px;
  font-size: 22px;
  font-weight: normal;
}

#ranking h3 span {
  font-size: 18px;
}

.rankingList {
  margin: 0;
  border: none;
}

.rankingList th,
.rankingList td {
  border: none;
  background: #fff;
  vertical-align: middle;
}

.rankingList tr {
  border-bottom: 1px solid #ddd;
}

.rankingList th {
  width: 50px;
  padding: 4px 0;
  font-weight: normal;
  text-align: center;
}

.rankingList th span {
  display: block;
  background: #F4F4F4;
}

.rankingList td {
  padding: 2px 0;
  font-size: 13px;
  font-weight: bold;
}

.rankingList .rankingLink {
  width: 120px;
  padding: 0 0 0 10px;
  font-size: 13px;
}

.rankingList .market {
  width: 110px;
  padding: 0 10px;
  font-size: 14px;
  text-align: right;
}

.rankingList .market span {
  margin-left: 1px;
  font-size: 11px;
  font-weight: normal;
}

.rankingList tr.top {
  border-bottom: 3px solid #fff;
}

.rankingList .top th {
  background: #F4F4F4;
  font-size: 15px;
}

.rankingList .top td {
  padding: 4px 10px;
  background: #F4F4F4;
}

.tabletUser .rankingList td {
  padding: 12px 10px;
}

.tabletUser .rankingList .top td {
  padding: 12px 10px;
}

.rankingList .top .rankingLink {
  font-size: 15px;
}

#ranking .ranking_caution {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 12px;
  float: right;
}

/*////////////////////////////////////////////
市区郡リンクリスト
////////////////////////////////////////////*/
#prefLink {
  margin-bottom: 30px;
}

#prefLink .inner {
  padding: 8px;
  background: #F4F4F4;
}

#prefLink .block {
  margin-bottom: 8px;
  padding: 20px 20px 10px 20px;
  background: #fff;
  box-shadow: 0 0 3px #ccc;
}

#prefLink .block:last-of-type {
  margin-bottom: 0px;
}

#prefLink h3 {
  height: 20px;
  margin-bottom: 14px;
  background: #F4F4F4;
  padding: 6px 14px;
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
}

#prefLink .linkList {
  padding: 0 14px;
  overflow: hidden;
}

#prefLink .linkList li {
  float: left;
  width: 19%;
  margin: 0 1% 10px 0;
  box-sizing: border-box;
}

#prefLink .linkList li span {
  font-size: 11px;
}

.tabletUser #prefLink .linkList li {
  width: 23%;
  margin: 0 2% 20px 0;
  font-size: 16px;
}

/*////////////////////////////////////////////
関連サイト
////////////////////////////////////////////*/

#relatedSite {
  margin-bottom: 30px;
}

#relatedSite .relatedLink {
  overflow: hidden;
}

#relatedSite .relatedLink li {
  float: left;
  margin-right: 20px;
  font-size: 13px;
}

/*////////////////////////////////////////////
新着物件・最近見た物件
////////////////////////////////////////////*/

#estateList {
  overflow: hidden;
}

#estateList h2 {
  height: 20px;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
}

#estateList .list > li {
  margin-bottom: 8px;
  border: 1px solid #d4d4d4;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}

#estateList .list > li:hover {
  opacity: 0.8;
}

#estateList .list > li a {
  display: table;
  width: 100%;
  text-decoration: none;
  color: #333;
}

#estateList .thumbnail {
  display: table-cell;
  width: 80px;
  padding: 6px;
  border: 6px solid #fff;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#estateList .detail {
  display: table-cell;
  padding: 10px 6px 10px 0;
  vertical-align: top;
}

#estateList .estateName {
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: bold;
}

#estateList a:hover .estateName {
  text-decoration: none;
}

#estateList .specs {
  font-size: 13px;
  color: #000;
}

#estateList .specs ul {
  margin-bottom: 4px;
  font-weight: normal;
}

#estateList .specs ul li,
#estateList .specs ul li span {
  display: inline-block;
  vertical-align: baseline;
}

#estateList .specs .rentCost {
  margin-right: 6px;
}

#estateList .specs .rentCost span {
  margin-right: 4px;
  font-size: 18px;
}

#estateList .specs .foregift {
  margin-bottom: 4px;
  overflow: hidden;
}

#estateList .specs .foregift dt {
  float: left;
  margin-right: 4px;
  padding: 1px 3px 0;
  background: #666666;
  border-radius: 3px;
  color: #fff;
  font-weight: normal;
}

#estateList .specs .foregift dd {
  float: left;
  padding: 1px 10px 0 0;
  font-weight: normal;
}

#estateList .specs .foregift dd:last-child {
  padding-right: 0;
}

#estateList .specs .floorLayout {
  margin-bottom: 0;
}

#estateList .floorLayout li {
  margin-bottom: 0;
}

#estateList .floorLayout li:after {
  content: "/";
  margin: 0 4px;
}

#estateList .floorLayout li:last-child:after {
  content: none;
}

#estateList .floorLayout li sup {
  vertical-align: top;
}

#estateList ul.station li {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#estateList .moreLink {
  float: right;
  font-size: 13px;
}

/*////////////////////////////////////////////
条件モーダル
////////////////////////////////////////////*/
/* モーダル内制御 */
#changeSearchCond {
  display: none;
  width: 918px;
}

#changeSearchCond .spinner {
  text-align: center;
}

#changeSearchCond .sampleComponent,
#changeSearchCond .sampleSection {
  display: none;
}

/* //////////////////////////////////////////////////
[最初から探す]
////////////////////////////////////////////////// */

.mainSearchContents {
  width: 100%;
  overflow: hidden;
  padding: 30px 10px 10px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mainSearchContents .changeBlockWrapper {
  float: left;
  position: relative;
  width: 720px;
  padding: 10px;
  background: #fffCE8;
  border: 3px solid #ff9300;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 500;
}

.rememberComment {
  margin-top: -30px;
  font-size: 14px;
  text-align: right;
}

#searchChangePref .rememberComment {
  margin: 0;
}

/* //////////////////////////////////////////////////
[市区町村から探す/路線から探す]
////////////////////////////////////////////////// */
/* 共通仕様 */
.changeBlockWrapper .blockTitle {
  margin-top: 8px;
  margin-bottom: 10px;
  padding-left: 32px;
  background: url(/ui/chintai/pc/images/common/search_icon.png) no-repeat left top;
  font-size: 18px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mapWrap .prefList {
  position: relative;
  height: 418px;
}

.mapWrap #pref {
  background: url(/ui/utility/pc/images/png/topSearchMapPref.svg) 6px 28px/500px no-repeat;
}

.mapWrap #station {
  background: url(/ui/utility/pc/images/png/topSearchMapStation.svg) 4px -4px/600px no-repeat;
}

.mapWrap .prefList ul {
  position: absolute;
  display: block;
  width: 116px;
  padding: 4px;
  background: #b6a278;
  border-radius: 5px;
}

.mapWrap .prefList ul.hokkaido {
  width: 58px;
  top: 54px;
  left: 400px;
}

.mapWrap .prefList ul.tohoku {
  top: 132px;
  right: 0;
}

.mapWrap .prefList ul.kanto {
  top: 260px;
  right: 0;
}

.mapWrap .prefList ul.koshinetsu {
  top: 13px;
  left: 286px;
  width: 58px;
}

.mapWrap .prefList ul.chubu {
  bottom: 0;
  left: 298px;
}

.mapWrap .prefList ul.kinki {
  width: 58px;
  top: 13px;
  left: 210px;
}

.mapWrap .prefList ul.chugoku {
  width: 58px;
  top: 45px;
  left: 134px;
}

.mapWrap .prefList ul.shikoku {
  bottom: 0;
  left: 146px;
}

.mapWrap .prefList ul.kyushu {
  top: 76px;
  left: 0;
}

.mapWrap .prefList ul.okinawa {
  width: 58px;
  bottom: 0;
  left: 0;
}

.mapWrap .prefList li {
  float: left;
  margin: 2px;
}

.mapWrap .prefList li span {
  display: block;
  width: 60px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  border-radius: 5px;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.mapWrap .prefList li span:hover {
  background: #f1f1f1;
}

.mapWrap .prefList li.disabled span {
  display: block;
  width: 54px;
  height: 28px;
  line-height: 30px;
  background: #ccc;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  cursor: default;
}

.mapWrap .prefList li.disabled span:hover {
  background: #ccc;
}

/*　路線から探す　*/

#lineSearch {
  display: none;
}

/*　市区町村から探す　*/

#areaSearch {
  display: none;
}

#areaSearch .newEstate {
  position: absolute;
  top: 16px;
  right: 10px;
  padding: 5px 10px;
  background: #fff;
  line-height: 1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#areaSearch .newEstate span {
  color: red;
  font-size: 128%;
  font-weight: bold;
  margin: 0 5px;
}

form#quick_form_map .input_follow {
  position: absolute;
  left: 115px;
  top: 27px;
  width: 193px;
  background: none repeat scroll 0 0 #FAFAFA;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  line-height: 130%;
  padding: 5px;
  z-index: 100;
}

form#quick_form_map .input_follow div.select {
  background-color: #ffe18f;
}

form#quick_form_map .input_follow div.over {
  background-color: #ffeecd;
}

/* //////////////////////////////////////////////////
[検索方法を変更する]
////////////////////////////////////////////////// */

/* 都道府県から探す・駅から探す */

.searchCategoryChange {
  position: relative;
  float: left;
  width: 176px;
  height: 340px;
  padding: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.changeBtnWrap {
  position: absolute;
  z-index: 510;
}

.changeBtnWrap li {
  width: 176px;
  margin: 0 0 10px 0;
}

.changeBtnWrap li .changeBtn {
  height: 104px;
  padding: 25px 0 0 90px;
  background: #fff;
  border: 3px solid #b6a278;
  border-right: 0;
  border-bottom: 8px solid #b6a278;
  border-radius: 8px 0 0 8px;
  line-height: 22px;
  font-size: 18px;
  font-weight: bold;
  ;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.changeBtnWrap li #changelineBtn {
  background: url(/ui/utility/common/svg/iconT_route.svg) #fff right 94px top 20px/ 52px no-repeat;
}

.changeBtnWrap li.active #changelineBtn {
  background-color: #fffce8;
}

.changeBtnWrap li #changeAreaBtn {
  background: url(/ui/utility/common/svg/iconT_area.svg) #fff right 92px top 16px/ 58px no-repeat;
}

.changeBtnWrap li.active #changeAreaBtn {
  background-color: #fffce8;
}

.changeBtnWrap li.active {
  position: relative;
  width: 179px;
}

.changeBtnWrap li.active .changeBtn {
  padding-left: 77px;
  border: 3px solid #ff9300;
  border-left: 16px solid #ff9300;
}

.changeBtnWrap li.active:before {
  content: '';
  position: absolute;
  top: 3px;
  right: 0px;
  width: 3px;
  height: 98px;
  background: #fffce8;
}

/* 検索方法変更 */

.changeWrap {
  padding: 10px 20px 0px;
}

.changeWrap h3 {
  clear: both;
  margin-bottom: 10px;
  padding: 6px 10px;
  background: #f0eee2;
  border-radius: 5px;
}

.changeWrap .selectBox ul {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0 10px;
}

.changeWrap .selectBox li {
  display: inline-block;
  width: 210px;
  vertical-align: top;
}

.changeWrap .selectBox li.disabled {
  background-position: 0 0;
}

.changeWrap .selectBox li.disabled input {
  cursor: default;
}

.changeWrap .selectBox li.disabled a {
  color: #000;
  text-decoration: none;
  cursor: default;
}

.changeWrap .searchBox {
  width: 100%;
  position: relative;
  margin-top: 26px;
}

.blockTitle {
  margin-bottom: 4px;
  padding-left: 32px;
  background: url(/ui/chintai/pc/images/common/search_icon.png) no-repeat left top;
  font-size: 18px;
  font-weight: bold;
}

#specialSearch {
  margin: 20px 0;
}

#specialSearch .blockTitle {
  background: none;
  padding-left: 0;
}

.changeWrap .ui-btn-submit {
  float: right;
  width: 200px;
  margin: 0 auto;
  padding: 6px 0 4px;
  font-size: 18px;
}

.changeWrap .ui-btn-submit .icon-search {
  display: block;
  padding-left: 20px;
  background: url(/ui/utility/common/svg/iconI_search_white.svg) 48px 2px / 20px no-repeat;
}

.changeWrap .ui-btn-submit .icon-next {
  display: block;
  padding-right: 18px;
  background: url(/ui/chintai/pc/images/common/arrow-right5.png) no-repeat 168px 4px;
  background-size: 20px
}

.changeWrap .prev {
  position: absolute;
  top: 0;
  left: 10px;
  width: 170px;
  padding: 10px 0 8px;
}

.changeWrap .floatSetWrap .prev {
  top: 10px;
  left: 36px;
}

.changeWrap .searchBox .prev span {
  display: block;
  padding-left: 20px;
  background: url(/ui/utility/pc/images/png/arrow-left-gray.png) 14px 2px/16px no-repeat;
}

.changeWrap .base {
  position: absolute;
  top: 0;
  right: 10px;
  width: 198px;
  padding: 10px 0 8px;
}

.changeWrap .floatSetWrap .base {
  top: 10px;
  right: 36px;
}

.changeWrap .searchBox .base span {
  display: block;
  padding-right: 34px;
  background: url(/ui/utility/pc/images/png/arrow-right-gray.png) 170px 2px/16px no-repeat;
  text-align: right;
}

.changeWrap .searchBox p.rememberComment {
  position: absolute;
  top: 10px;
  right: 0px;
}

/* モーダル内 */

#cboxCurrent {
  display: none !important;
}

#searchChangeTown.changeWrap .selectBox li {
  width: 118px;
}

#searchChangeTown + .searchBox {
  width: 100%;
  position: relative;
}

#searchChangeTown + .searchBox .ui-btn-submit {
  width: 200px;
  margin: 0 auto;
  padding: 6px 0 4px;
  font-size: 18px;
}

#searchChangeTown + .searchBox .ui-btn-submit .icon-search {
  display: block;
  padding-left: 18px;
  background: url(/ui/utility/common/svg/iconI_search_white.svg) no-repeat 48px 2px;
}

#searchChangeTown + .searchBox p.rememberComment {
  position: absolute;
  top: 44px;
  right: 14px;
}

/* 路線を変更 */

#searchChangeLine.changeWrap .selectBox li {
  width: 282px;
}

/* 駅を変更 */

.stationStyle.changeWrap .selectBox ul {
  padding: 0px 6px;
}

.stationStyle.changeWrap .selectBox li {
  position: relative;
  width: 44px;
  margin: 0 12px 20px -1px;
  background-position: center 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.stationStyle.changeWrap .selectBox li:first-child,
.stationStyle.changeWrap .selectBox li:nth-child(17),
.stationStyle.changeWrap .selectBox li:nth-child(32),
.stationStyle.changeWrap .selectBox li:nth-child(47),
.stationStyle.changeWrap .selectBox li:nth-child(62),
.stationStyle.changeWrap .selectBox li:nth-child(77) {
  margin-left: 0px;
}

.stationStyle.changeWrap .selectBox li:nth-child(17):before,
.stationStyle.changeWrap .selectBox li:nth-child(32):before,
.stationStyle.changeWrap .selectBox li:nth-child(47):before,
.stationStyle.changeWrap .selectBox li:nth-child(62):before,
.stationStyle.changeWrap .selectBox li:nth-child(77):before {
  content: '';
  position: absolute;
  width: 12px;
  height: 6px;
  top: 15px;
  left: -13px;
  background: #ccc;
}

.stationStyle.changeWrap .selectBox li:last-child:after {
  background: none;
}

.stationStyle.changeWrap .selectBox li:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 6px;
  top: 15px;
  right: -13px;
  background: #ccc;
}

.stationStyle.changeWrap .selectBox li.checked {
  background: url(/ui/utility/common/svg/iconI_checkbox_checked.svg) #ff9300 center 8px / 20px no-repeat;
  color: #fff;
}

.stationStyle.changeWrap .selectBox li.disabled {
  background: url(/ui/utility/common/svg/iconI_checkbox_disabled.svg) center 8px / 20px no-repeat;
  color: #989898;
  cursor: default;
}

.stationStyle.changeWrap .selectBox li.disabled label:hover {
  color: #989898;
  cursor: default;
}

.stationStyle.changeWrap .selectBox li input {
  display: block;
  margin: 4px 10px 8px;
}

.stationStyle.changeWrap .selectBox li p {
  display: inline;
  width: 16px;
  min-height: 54px;
  margin: 4px 0 8px 15px;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  writing-mode: tb-rl;
}

.stationStyle.changeWrap .selectBox li.checked label {
  color: #fff;
}

.stationStyle.changeWrap .selectBox li label {
  display: block;
  width: 44px;
  min-height: 50px;
}

.stationStyle.changeWrap .selectBox li span {
  display: block;
  font-size: 10px;
  text-align: center;
  -webkit-writing-mode: lr-tb;
  -moz-writing-mode: lr-tb;
  writing-mode: lr-tb;
}

#cboxLoadedContent table {
  width: 100%;
}

.setWrap {
  width: 100%;
  padding: 0 247px;
  overflow: hidden;
  box-sizing: border-box;
}

.setWrap .saveCheck {
  position: absolute;
  top: 12px;
  right: 70px;
}

.setWrap.floatSetWrap .saveCheck {
  top: 22px;
  right: 98px;
}

#searchChangeLine.changeWrap .ui-btn-submit {
  float: none;
}

.setWrap.floatSetWrap {
  display: none;
  width: 932px;
  position: fixed;
  bottom: 0;
  margin: 0px 0 0 -27px;
  padding: 10px 273px;
  background: #fff;
  box-shadow: 0 3px 10px #000;
  z-index: 1000;
}

.resultHit_bottom {
  float: right;
  margin-right: 20px;
  padding-top: 4px;
  font-size: 16px;
  font-weight: bold;
}

.setWrap.floatSetWrap .resultHit_bottom {
  color: #000;
}

.resultHit_bottom span {
  color: #f97e06;
  margin: 2px 4px 0px;
  font-size: 24px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.setBtn {
  float: right;
  width: 200px;
  margin: 0 auto;
}

.setBtn a.ui-btn-submit {
  padding: 9px 0 7px;
  font-size: 18px;
}

#cboxTitle {
  display: none !important;
  margin: 0;
  padding: 0;
}

.setWrap ul.typeCheckBox {
  float: right;
  margin: 0 20px 0 0;
  padding: 0;
  width: 280px;
}

.setWrap ul.typeCheckBox li {
  position: relative;
  height: 46px;
  padding-top: 0;
  background-color: #fff;
  background-position: 70px 23px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 12px;
}

.setWrap ul.typeCheckBox p {
  background: #eee;
  margin-bottom: 4px;
  padding: 2px 10px 0;
  border-radius: 3px 3px 0 0;
}

.setWrap ul.typeCheckBox label {
  display: block;
}

.setWrap ul.typeCheckBox label:hover p {
  color: #000;
}

.setWrap ul.typeCheckBox span {
  padding-left: 72px;
  font-weight: bold;
}

.setWrap ul.typeCheckBox li.checked {
  border: 1px solid #F97E06;
}

.setWrap ul.typeCheckBox li.checked p {
  color: #000;
}

.setWrap ul.typeCheckBox li.checked:after {
  content: "";
  position: absolute;
  top: 15px;
  right: -23px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 9px solid #F97E06;
}

/* 0件時 */
.setWrap ul.typeCheckBox li.noHit,
.setWrap ul.typeCheckBox li.checked.noHit {
  color: #999;
  border: 1px solid #ccc;
  background-image: url(/ui/utility/common/svg/iconI_checkbox_disabled.svg);
}

.setWrap ul.typeCheckBox li.noHit label,
.setWrap ul.typeCheckBox li.checked.noHit label {
  cursor: default;
  pointer-events: none;
}

.setWrap ul.typeCheckBox li.checked.noHit p {
  color: #999;
}

.setWrap ul.typeCheckBox li.checked.noHit span {
  color: #999;
}

.setWrap ul.typeCheckBox li.checked.noHit:after {
  border-left: 9px solid #ccc;
}

/* //////////////////////////////////////////////////
[検索メニュー]
////////////////////////////////////////////////// */

ul.typeCheckBox li{
  min-height: 26px;
  line-height: 18px;
  background-position: 0px 0px;
}

ul.typeCheckBox li.checked{
  background-position: 0px 0px;
}

.hide {
  display: none;
}

#cboxLoadedContent {
  font-size: 13px;
  text-align: left;
  margin-bottom: 0px;
  overflow: visible !important;
}

#cboxLoadedContent h4 {
  border-bottom: 2px solid #C0B9A5;
  font-size: 114%;
  font-weight: bold;
  margin: 5px auto;
  padding: 5px 0 5px 20px;
  width: 660px;
  background: url(/ui/utility/pc/images/png/toggle_expand.png) 99% 50% no-repeat #F0EDE2;
}

#cboxLoadedContent h4.titKodawari {
  background: none;
  width: 900px;
  font-size: 20px;
  text-align: left;
  border-bottom: 5px solid #9d9177;
  padding: 0;
  text-shadow: 1px 1px 0 #C7C7C7;
}

#cboxLoadedContent h4.titKodawari span {
  display: inline-block;
  margin-bottom: -5px;
  border-bottom: 5px solid #382c1c;
}

#cboxLoadedContent h4 a {
  display: block;
}

#cboxLoadedContent div#kodawariList table th {
  padding: 8px 8px 8px 10px;
}

/* 基本条件のメニュー */

#cboxLoadedContent table {
  width: 900px;
  margin: auto;
}

#cboxLoadedContent th {
  width: 100px;
  background: #f0eee2;
  border: 1px #ccc solid;
  text-align: center;
  color: #4f452c;
  vertical-align: middle;
}

#cboxLoadedContent td {
  width: 556px;
  padding: 5px;
  border: 1px #ccc solid;
  vertical-align: middle;
}

#cboxLoadedContent select {
  width: 100px;
  padding: 3px 5px;
}

#cboxLoadedContent li.checked {
  color: #F97E06;
}

#cboxLoadedContent li.checked a {
  color: #F97E06;
}

#cboxLoadedContent ul.radioBtn li {
  background: url(/ui/utility/common/svg/iconI_radio.svg) no-repeat 0px 0px;
  background-size: 20px;
}

#cboxLoadedContent ul.radioBtn li.checked {
  background: url(/ui/utility/common/svg/iconI_radio_checked.svg) no-repeat 0px 0px;
  background-size: 20px;
}

#cboxLoadedContent li input[type$="radio"] {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 4px;
}

/* 検索ボタン */

#cboxLoadedContent .btns {
  margin: 20px 0;
  text-align: center;
}

#cboxLoadedContent .btns p {
  display: inline-block;
  margin-bottom: 0;
}

#cboxLoadedContent .btns p.cancelBtn {
  margin-right: 30px;
}

#cboxLoadedContent .btns a {
  display: block;
  width: 200px;
  margin: 0 auto;
  text-decoration: none;
  border-radius: 5px;
  background: #ffb22e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffb22e 0%, #ff820d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb22e), color-stop(100%, #ff820d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffb22e 0%, #ff820d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffb22e 0%, #ff820d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffb22e 0%, #ff820d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffb22e 0%, #ff820d 100%);
  /* W3C */
  -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffb22e', endColorstr='#ff820d', GradientType=0);
  /* IE6-9 */
}

#cboxLoadedContent .btns a span {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 44px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 2px #E67714;
  background: url(/ui/chintai/pc/images/common/arrow-right5.png) no-repeat right 10px top 12px;
  background-size: 20px;
}

/* キャンセルボタン */

#cboxLoadedContent .btns p.cancelBtn a {
  background: #efefef;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #efefef 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #efefef 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
  /* W3C */
  border: 1px solid #ccc;
}

#cboxLoadedContent .btns p.cancelBtn a span {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 44px;
  color: #3D3D3D;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 2px #979797;
  background-image: none;
}

/* //////////////////////////////////////////////////
[検索条件を表示]
////////////////////////////////////////////////// */

#searchItemChange th {
  width: 126px;
  vertical-align: top;
  text-align: left;
  padding: 6px 10px;
}

#searchItemChange table tr td {
  padding: 7px 10px 0;
}

#searchItemChange table tr td.selectBlock {
  padding: 7px 10px;
}

#searchItemChange table tr td.selectBlock ul {
  display: inline-block;
  width: 450px;
}

#searchItemChange table tr td.selectBlock ul li {
  width: auto;
  margin-left: 14px;
}

#searchItemChange table tr td select {
  height: 32px;
  outline: none;
}

#searchItemChange table tr td select.selected {
  border-color: #F97E06;
}

#searchItemChange table tr td li {
  display: inline-block;
  width: 160px;
  min-height: 26px;
  background-position: 0 0;
  vertical-align: top;
  line-height: 18px;
  font-size: 13px;
}

#searchItemChange table tr td li.longBox {
  width: 200px;
}

#searchItemChange table tr td li.checked {
  background-position: 0 0;
}

#searchItemChange table tr td li input {
  margin-right: 4px;
}

#searchItemChange .block-price {
  height: 20px;
  display: inline-block;
  background: url(/ui/utility/common/svg/iconI_checkbox.svg) 0px 0px / 20px no-repeat;
  background-size: 20px;
  margin-left: 10px;
}

#searchItemChange .block-price.checked {
  background-image: url(/ui/utility/common/svg/iconI_checkbox_checked.svg);
  background-size: 20px;
}

#searchItemChange .block-price input {
  opacity: 0;
  filter: alpha(opacity=0);
  margin-right: 8px;
}

/*clorbox.cssの打ち消し*/
#cboxWrapper #cboxLoadedContent {
  margin-bottom: 20px;
}

#colorbox:focus {
  outline: none;
}
/*////////////////////////////////////////////
前回検索した条件・地図
////////////////////////////////////////////*/

.prefSelect {
  float: left;
  width: 624px;
  margin: 0 20px 20px 0;
  padding: 8px;
  background: #f0eee2;
}

.prefSelect .inner {
  box-shadow: 0 0 3px #ccc;
  background: #fffCE8;
}

.prefSelectTitle {
  padding-left: 32px;
  background: url(/ui/utility/common/svg/iconI_search_brown.svg) no-repeat 0 3px / 24px;
  font-size: 22px;
  font-weight: normal;
}

.mapWrap {
  padding: 20px;
}

.mapWrap .prefList li a,
.mapWrap .prefList li .themeLinkN{
  display: block;
  width: 54px;
  height: 28px;
  line-height: 28px;
  background: #fff;
  border-radius: 5px;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
}

.mapWrap .prefList li a:hover,
.mapWrap .prefList li .themeLinkN:hover {
  background: #f1f1f1;
}

.mapWrap .prefList li.disable span {
  display: block;
  width: 54px;
  height: 28px;
  line-height: 30px;
  background: #ccc;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  cursor: default;
}