html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  height: 100%;
  font-size: 62.5%;
}

body {
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", Hiragino Kaku Gothic Pro, "繝｡繧､繝ｪ繧ｪ",
    Meiryo, sans-serif; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  word-wrap: break-word;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro",Hiragino Kaku Gothic Pro,"繝｡繧､繝ｪ繧ｪ",Meiryo,sans-serif;
}

header,
nav {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

main {
  display: block;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

img {
  border-style: none;
}

button,
input,
select {
  /* font-family: sans-serif; */
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

@-webkit-keyframes suggest {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes suggest {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
    top: calc(50% - 20px);
    left: calc(50% + 10px);
  }

  50% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: calc(50% + 10px);
    left: calc(50% + 10px);
  }

  75% {
    -webkit-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
    top: calc(50% + 10px);
    left: calc(50% - 20px);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    top: calc(50% - 20px);
    left: calc(50% - 20px);
  }
}

@keyframes cube-transition {
  25% {
    -webkit-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
    top: calc(50% - 20px);
    left: calc(50% + 10px);
  }

  50% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: calc(50% + 10px);
    left: calc(50% + 10px);
  }

  75% {
    -webkit-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
    top: calc(50% + 10px);
    left: calc(50% - 20px);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    top: calc(50% - 20px);
    left: calc(50% - 20px);
  }
}

@-webkit-keyframes cube-transition-2 {
  25% {
    -webkit-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
    top: calc(50% + 10px);
    left: calc(50% - 20px);
  }

  50% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    top: calc(50% - 20px);
    left: calc(50% - 20px);
  }

  75% {
    -webkit-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
    top: calc(50% - 20px);
    left: calc(50% + 10px);
  }

  100% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: calc(50% + 10px);
    left: calc(50% + 10px);
  }
}

@keyframes cube-transition-2 {
  25% {
    -webkit-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
    top: calc(50% + 10px);
    left: calc(50% - 20px);
  }

  50% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    top: calc(50% - 20px);
    left: calc(50% - 20px);
  }

  75% {
    -webkit-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
    top: calc(50% - 20px);
    left: calc(50% + 10px);
  }

  100% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: calc(50% + 10px);
    left: calc(50% + 10px);
  }
}

@font-face {
  font-family: "livable";
  src:url(/fonts/livable.woff) format("woff"),
    url(/fonts/livable.ttf) format("truetype");
}

[class*=" iconfont-livable-"]:before {
  font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro",Hiragino Kaku Gothic Pro,"繝｡繧､繝ｪ繧ｪ",Meiryo,sans-serif;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


[class*=" iconfont-livable-"] {
  font-family: inherit;
}

[class*=" iconfont-livable-"]:before {
  font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro",Hiragino Kaku Gothic Pro,"繝｡繧､繝ｪ繧ｪ",Meiryo,sans-serif;
  vertical-align: -0.2em;
  margin-right: 8px;
}



h1 {
  margin: 0;
  font-size: 1em;
}



a {
  color: #0062b2;
  text-decoration: none;
}

button {
  border-style: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border-radius: 0;
}


/* MINIFIED CSS START */


.iconfont-livable-add:before {
  content: "\EA01";
}
.iconfont-before-livable-add:before {
  content: "\EA01";
}
.iconfont-after-livable-add:after {
  content: "\EA01";
}
.iconfont-livable-all:before {
  content: "\EA02";
}
.iconfont-before-livable-all:before {
  content: "\EA02";
}
.iconfont-after-livable-all:after {
  content: "\EA02";
}
.iconfont-livable-anchor_link:before {
  content: "\EA03";
}
.iconfont-before-livable-anchor_link:before {
  content: "\EA03";
}
.iconfont-after-livable-anchor_link:after {
  content: "\EA03";
}
.iconfont-livable-apartment:before {
  content: "\EA04";
}
.iconfont-before-livable-apartment:before {
  content: "\EA04";
}
.iconfont-after-livable-apartment:after {
  content: "\EA04";
}
.iconfont-livable-area:before {
  content: "\EA05";
}
.iconfont-before-livable-area:before {
  content: "\EA05";
}
.iconfont-after-livable-area:after {
  content: "\EA05";
}
.iconfont-livable-area2:before {
  content: "\EA06";
}
.iconfont-before-livable-area2:before {
  content: "\EA06";
}
.iconfont-after-livable-area2:after {
  content: "\EA06";
}
.iconfont-livable-arrow_down:before {
  content: "\EA07";
}
.iconfont-before-livable-arrow_down:before {
  content: "\EA07";
}
.iconfont-after-livable-arrow_down:after {
  content: "\EA07";
}
.iconfont-livable-arrow_fill:before {
  content: "\EA08";
}
.iconfont-before-livable-arrow_fill:before {
  content: "\EA08";
}
.iconfont-after-livable-arrow_fill:after {
  content: "\EA08";
}
.iconfont-livable-arrow_left:before {
  content: "\EA09";
}
.iconfont-before-livable-arrow_left:before {
  content: "\EA09";
}
.iconfont-after-livable-arrow_left:after {
  content: "\EA09";
}
.iconfont-livable-arrow_right:before {
  content: "\EA0A";
}
.iconfont-before-livable-arrow_right:before {
  content: "\EA0A";
}
.iconfont-after-livable-arrow_right:after {
  content: "\EA0A";
}
.iconfont-livable-arrow_up:before {
  content: "\EA0B";
}
.iconfont-before-livable-arrow_up:before {
  content: "\EA0B";
}
.iconfont-after-livable-arrow_up:after {
  content: "\EA0B";
}
.iconfont-livable-assessment:before {
  content: "\EA0C";
}
.iconfont-before-livable-assessment:before {
  content: "\EA0C";
}
.iconfont-after-livable-assessment:after {
  content: "\EA0C";
}
.iconfont-livable-calculate:before {
  content: "\EA0D";
}
.iconfont-before-livable-calculate:before {
  content: "\EA0D";
}
.iconfont-after-livable-calculate:after {
  content: "\EA0D";
}
.iconfont-livable-calendar:before {
  content: "\EA0E";
}
.iconfont-before-livable-calendar:before {
  content: "\EA0E";
}
.iconfont-after-livable-calendar:after {
  content: "\EA0E";
}
.iconfont-livable-campaign:before {
  content: "\EA0F";
}
.iconfont-before-livable-campaign:before {
  content: "\EA0F";
}
.iconfont-after-livable-campaign:after {
  content: "\EA0F";
}
.iconfont-livable-carender:before {
  content: "\EA10";
}
.iconfont-before-livable-carender:before {
  content: "\EA10";
}
.iconfont-after-livable-carender:after {
  content: "\EA10";
}
.iconfont-livable-caution:before {
  content: "\EA11";
}
.iconfont-before-livable-caution:before {
  content: "\EA11";
}
.iconfont-after-livable-caution:after {
  content: "\EA11";
}
.iconfont-livable-check:before {
  content: "\EA12";
}
.iconfont-before-livable-check:before {
  content: "\EA12";
}
.iconfont-after-livable-check:after {
  content: "\EA12";
}
.iconfont-livable-check_circle:before {
  content: "\EA13";
}
.iconfont-before-livable-check_circle:before {
  content: "\EA13";
}
.iconfont-after-livable-check_circle:after {
  content: "\EA13";
}
.iconfont-livable-clear:before {
  content: "\EA14";
}
.iconfont-before-livable-clear:before {
  content: "\EA14";
}
.iconfont-after-livable-clear:after {
  content: "\EA14";
}
.iconfont-livable-click:before {
  content: "\EA15";
}
.iconfont-before-livable-click:before {
  content: "\EA15";
}
.iconfont-after-livable-click:after {
  content: "\EA15";
}
.iconfont-livable-close:before {
  content: "\EA16";
}
.iconfont-before-livable-close:before {
  content: "\EA16";
}
.iconfont-after-livable-close:after {
  content: "\EA16";
}
.iconfont-livable-close_minus:before {
  content: "\EA17";
}
.iconfont-before-livable-close_minus:before {
  content: "\EA17";
}
.iconfont-after-livable-close_minus:after {
  content: "\EA17";
}
.iconfont-livable-collect_search:before {
  content: "\EA18";
}
.iconfont-before-livable-collect_search:before {
  content: "\EA18";
}
.iconfont-after-livable-collect_search:after {
  content: "\EA18";
}
.iconfont-livable-commute:before {
  content: "\EA19";
}
.iconfont-before-livable-commute:before {
  content: "\EA19";
}
.iconfont-after-livable-commute:after {
  content: "\EA19";
}
.iconfont-livable-condo:before {
  content: "\EA1A";
}
.iconfont-before-livable-condo:before {
  content: "\EA1A";
}
.iconfont-after-livable-condo:after {
  content: "\EA1A";
}
.iconfont-livable-condo_library:before {
  content: "\EA1B";
}
.iconfont-before-livable-condo_library:before {
  content: "\EA1B";
}
.iconfont-after-livable-condo_library:after {
  content: "\EA1B";
}
.iconfont-livable-crown_1:before {
  content: "\EA1C";
}
.iconfont-before-livable-crown_1:before {
  content: "\EA1C";
}
.iconfont-after-livable-crown_1:after {
  content: "\EA1C";
}
.iconfont-livable-crown_2:before {
  content: "\EA1D";
}
.iconfont-before-livable-crown_2:before {
  content: "\EA1D";
}
.iconfont-after-livable-crown_2:after {
  content: "\EA1D";
}
.iconfont-livable-crown_3:before {
  content: "\EA1E";
}
.iconfont-before-livable-crown_3:before {
  content: "\EA1E";
}
.iconfont-after-livable-crown_3:after {
  content: "\EA1E";
}
.iconfont-livable-data:before {
  content: "\EA1F";
}
.iconfont-before-livable-data:before {
  content: "\EA1F";
}
.iconfont-after-livable-data:after {
  content: "\EA1F";
}
.iconfont-livable-department_list:before {
  content: "\EA20";
}
.iconfont-before-livable-department_list:before {
  content: "\EA20";
}
.iconfont-after-livable-department_list:after {
  content: "\EA20";
}
.iconfont-livable-device:before {
  content: "\EA21";
}
.iconfont-before-livable-device:before {
  content: "\EA21";
}
.iconfont-after-livable-device:after {
  content: "\EA21";
}
.iconfont-livable-document_request:before {
  content: "\EA22";
}
.iconfont-before-livable-document_request:before {
  content: "\EA22";
}
.iconfont-after-livable-document_request:after {
  content: "\EA22";
}
.iconfont-livable-document_request_fill:before {
  content: "\EA23";
}
.iconfont-before-livable-document_request_fill:before {
  content: "\EA23";
}
.iconfont-after-livable-document_request_fill:after {
  content: "\EA23";
}
.iconfont-livable-edit:before {
  content: "\EA24";
}
.iconfont-before-livable-edit:before {
  content: "\EA24";
}
.iconfont-after-livable-edit:after {
  content: "\EA24";
}
.iconfont-livable-facility:before {
  content: "\EA25";
}
.iconfont-before-livable-facility:before {
  content: "\EA25";
}
.iconfont-after-livable-facility:after {
  content: "\EA25";
}
.iconfont-livable-floor_plan:before {
  content: "\EA26";
}
.iconfont-before-livable-floor_plan:before {
  content: "\EA26";
}
.iconfont-after-livable-floor_plan:after {
  content: "\EA26";
}
.iconfont-livable-house:before {
  content: "\EA27";
}
.iconfont-before-livable-house:before {
  content: "\EA27";
}
.iconfont-after-livable-house:after {
  content: "\EA27";
}
.iconfont-livable-house_question:before {
  content: "\EA28";
}
.iconfont-before-livable-house_question:before {
  content: "\EA28";
}
.iconfont-after-livable-house_question:after {
  content: "\EA28";
}
.iconfont-livable-human:before {
  content: "\EA29";
}
.iconfont-before-livable-human:before {
  content: "\EA29";
}
.iconfont-after-livable-human:after {
  content: "\EA29";
}
.iconfont-livable-input:before {
  content: "\EA2A";
}
.iconfont-before-livable-input:before {
  content: "\EA2A";
}
.iconfont-after-livable-input:after {
  content: "\EA2A";
}
.iconfont-livable-inquiry:before {
  content: "\EA2B";
}
.iconfont-before-livable-inquiry:before {
  content: "\EA2B";
}
.iconfont-after-livable-inquiry:after {
  content: "\EA2B";
}
.iconfont-livable-inquiry_fill:before {
  content: "\EA2C";
}
.iconfont-before-livable-inquiry_fill:before {
  content: "\EA2C";
}
.iconfont-after-livable-inquiry_fill:after {
  content: "\EA2C";
}
.iconfont-livable-investment_property:before {
  content: "\EA2D";
}
.iconfont-before-livable-investment_property:before {
  content: "\EA2D";
}
.iconfont-after-livable-investment_property:after {
  content: "\EA2D";
}
.iconfont-livable-keyword_research:before {
  content: "\EA2E";
}
.iconfont-before-livable-keyword_research:before {
  content: "\EA2E";
}
.iconfont-after-livable-keyword_research:after {
  content: "\EA2E";
}
.iconfont-livable-land:before {
  content: "\EA2F";
}
.iconfont-before-livable-land:before {
  content: "\EA2F";
}
.iconfont-after-livable-land:after {
  content: "\EA2F";
}
.iconfont-livable-language:before {
  content: "\EA30";
}
.iconfont-before-livable-language:before {
  content: "\EA30";
}
.iconfont-after-livable-language:after {
  content: "\EA30";
}
.iconfont-livable-lawn:before {
  content: "\EA31";
}
.iconfont-before-livable-lawn:before {
  content: "\EA31";
}
.iconfont-after-livable-lawn:after {
  content: "\EA31";
}
.iconfont-livable-light:before {
  content: "\EA32";
}
.iconfont-before-livable-light:before {
  content: "\EA32";
}
.iconfont-after-livable-light:after {
  content: "\EA32";
}
.iconfont-livable-like:before {
  content: "\EA33";
}
.iconfont-before-livable-like:before {
  content: "\EA33";
}
.iconfont-after-livable-like:after {
  content: "\EA33";
}
.iconfont-livable-like_fill:before {
  content: "\EA34";
}
.iconfont-before-livable-like_fill:before {
  content: "\EA34";
}
.iconfont-after-livable-like_fill:after {
  content: "\EA34";
}
.iconfont-livable-line:before {
  content: "\EA35";
}
.iconfont-before-livable-line:before {
  content: "\EA35";
}
.iconfont-after-livable-line:after {
  content: "\EA35";
}
.iconfont-livable-list:before {
  content: "\EA36";
}
.iconfont-before-livable-list:before {
  content: "\EA36";
}
.iconfont-after-livable-list:after {
  content: "\EA36";
}
.iconfont-livable-livable:before {
  content: "\EA37";
}
.iconfont-before-livable-livable:before {
  content: "\EA37";
}
.iconfont-after-livable-livable:after {
  content: "\EA37";
}
.iconfont-livable-logo_line:before {
  content: "\EA38";
}
.iconfont-before-livable-logo_line:before {
  content: "\EA38";
}
.iconfont-after-livable-logo_line:after {
  content: "\EA38";
}
.iconfont-livable-mail:before {
  content: "\EA39";
}
.iconfont-before-livable-mail:before {
  content: "\EA39";
}
.iconfont-after-livable-mail:after {
  content: "\EA39";
}
.iconfont-livable-mail2:before {
  content: "\EA3A";
}
.iconfont-before-livable-mail2:before {
  content: "\EA3A";
}
.iconfont-after-livable-mail2:after {
  content: "\EA3A";
}
.iconfont-livable-mail_pc:before {
  content: "\EA3B";
}
.iconfont-before-livable-mail_pc:before {
  content: "\EA3B";
}
.iconfont-after-livable-mail_pc:after {
  content: "\EA3B";
}
.iconfont-livable-mail_sp:before {
  content: "\EA3C";
}
.iconfont-before-livable-mail_sp:before {
  content: "\EA3C";
}
.iconfont-after-livable-mail_sp:after {
  content: "\EA3C";
}
.iconfont-livable-map_pin:before {
  content: "\EA3D";
}
.iconfont-before-livable-map_pin:before {
  content: "\EA3D";
}
.iconfont-after-livable-map_pin:after {
  content: "\EA3D";
}
.iconfont-livable-map_pin_fill:before {
  content: "\EA3E";
}
.iconfont-before-livable-map_pin_fill:before {
  content: "\EA3E";
}
.iconfont-after-livable-map_pin_fill:after {
  content: "\EA3E";
}
.iconfont-livable-map_pin_fill2:before {
  content: "\EA3F";
}
.iconfont-before-livable-map_pin_fill2:before {
  content: "\EA3F";
}
.iconfont-after-livable-map_pin_fill2:after {
  content: "\EA3F";
}
.iconfont-livable-map_pin_full:before {
  content: "\EA40";
}
.iconfont-before-livable-map_pin_full:before {
  content: "\EA40";
}
.iconfont-after-livable-map_pin_full:after {
  content: "\EA40";
}
.iconfont-livable-map_pin_half:before {
  content: "\EA41";
}
.iconfont-before-livable-map_pin_half:before {
  content: "\EA41";
}
.iconfont-after-livable-map_pin_half:after {
  content: "\EA41";
}
.iconfont-livable-member_registration:before {
  content: "\EA42";
}
.iconfont-before-livable-member_registration:before {
  content: "\EA42";
}
.iconfont-after-livable-member_registration:after {
  content: "\EA42";
}
.iconfont-livable-menu_sp:before {
  content: "\EA43";
}
.iconfont-before-livable-menu_sp:before {
  content: "\EA43";
}
.iconfont-after-livable-menu_sp:after {
  content: "\EA43";
}
.iconfont-livable-mypage:before {
  content: "\EA44";
}
.iconfont-before-livable-mypage:before {
  content: "\EA44";
}
.iconfont-after-livable-mypage:after {
  content: "\EA44";
}
.iconfont-livable-mypage_fill:before {
  content: "\EA45";
}
.iconfont-before-livable-mypage_fill:before {
  content: "\EA45";
}
.iconfont-after-livable-mypage_fill:after {
  content: "\EA45";
}
.iconfont-livable-new_condo:before {
  content: "\EA46";
}
.iconfont-before-livable-new_condo:before {
  content: "\EA46";
}
.iconfont-after-livable-new_condo:after {
  content: "\EA46";
}
.iconfont-livable-new_house:before {
  content: "\EA47";
}
.iconfont-before-livable-new_house:before {
  content: "\EA47";
}
.iconfont-after-livable-new_house:after {
  content: "\EA47";
}
.iconfont-livable-newtab:before {
  content: "\EA48";
}
.iconfont-before-livable-newtab:before {
  content: "\EA48";
}
.iconfont-after-livable-newtab:after {
  content: "\EA48";
}
.iconfont-livable-notification:before {
  content: "\EA49";
}
.iconfont-before-livable-notification:before {
  content: "\EA49";
}
.iconfont-after-livable-notification:after {
  content: "\EA49";
}
.iconfont-livable-office:before {
  content: "\EA4A";
}
.iconfont-before-livable-office:before {
  content: "\EA4A";
}
.iconfont-after-livable-office:after {
  content: "\EA4A";
}
.iconfont-livable-open:before {
  content: "\EA4B";
}
.iconfont-before-livable-open:before {
  content: "\EA4B";
}
.iconfont-after-livable-open:after {
  content: "\EA4B";
}
.iconfont-livable-open_plus:before {
  content: "\EA4C";
}
.iconfont-before-livable-open_plus:before {
  content: "\EA4C";
}
.iconfont-after-livable-open_plus:after {
  content: "\EA4C";
}
.iconfont-livable-openhouse:before {
  content: "\EA4D";
}
.iconfont-before-livable-openhouse:before {
  content: "\EA4D";
}
.iconfont-after-livable-openhouse:after {
  content: "\EA4D";
}
.iconfont-livable-openhouse2:before {
  content: "\EA4E";
}
.iconfont-before-livable-openhouse2:before {
  content: "\EA4E";
}
.iconfont-after-livable-openhouse2:after {
  content: "\EA4E";
}
.iconfont-livable-others:before {
  content: "\EA4F";
}
.iconfont-before-livable-others:before {
  content: "\EA4F";
}
.iconfont-after-livable-others:after {
  content: "\EA4F";
}
.iconfont-livable-pagetop:before {
  content: "\EA50";
}
.iconfont-before-livable-pagetop:before {
  content: "\EA50";
}
.iconfont-after-livable-pagetop:after {
  content: "\EA50";
}
.iconfont-livable-pdf:before {
  content: "\EA51";
}
.iconfont-before-livable-pdf:before {
  content: "\EA51";
}
.iconfont-after-livable-pdf:after {
  content: "\EA51";
}
.iconfont-livable-peripheral_data_list:before {
  content: "\EA52";
}
.iconfont-before-livable-peripheral_data_list:before {
  content: "\EA52";
}
.iconfont-after-livable-peripheral_data_list:after {
  content: "\EA52";
}
.iconfont-livable-photo:before {
  content: "\EA53";
}
.iconfont-before-livable-photo:before {
  content: "\EA53";
}
.iconfont-after-livable-photo:after {
  content: "\EA53";
}
.iconfont-livable-pick_up:before {
  content: "\EA54";
}
.iconfont-before-livable-pick_up:before {
  content: "\EA54";
}
.iconfont-after-livable-pick_up:after {
  content: "\EA54";
}
.iconfont-livable-pinch:before {
  content: "\EA55";
}
.iconfont-before-livable-pinch:before {
  content: "\EA55";
}
.iconfont-after-livable-pinch:after {
  content: "\EA55";
}
.iconfont-livable-plan:before {
  content: "\EA56";
}
.iconfont-before-livable-plan:before {
  content: "\EA56";
}
.iconfont-after-livable-plan:after {
  content: "\EA56";
}
.iconfont-livable-point:before {
  content: "\EA57";
}
.iconfont-before-livable-point:before {
  content: "\EA57";
}
.iconfont-after-livable-point:after {
  content: "\EA57";
}
.iconfont-livable-postal:before {
  content: "\EA58";
}
.iconfont-before-livable-postal:before {
  content: "\EA58";
}
.iconfont-after-livable-postal:after {
  content: "\EA58";
}
.iconfont-livable-price_change:before {
  content: "\EA59";
}
.iconfont-before-livable-price_change:before {
  content: "\EA59";
}
.iconfont-after-livable-price_change:after {
  content: "\EA59";
}
.iconfont-livable-print:before {
  content: "\EA5A";
}
.iconfont-before-livable-print:before {
  content: "\EA5A";
}
.iconfont-after-livable-print:after {
  content: "\EA5A";
}
.iconfont-livable-q_and_a:before {
  content: "\EA5C";
}
.iconfont-before-livable-q_and_a:before {
  content: "\EA5C";
}
.iconfont-after-livable-q_and_a:after {
  content: "\EA5C";
}
.iconfont-livable-question:before {
  content: "\EA5D";
}
.iconfont-before-livable-question:before {
  content: "\EA5D";
}
.iconfont-after-livable-question:after {
  content: "\EA5D";
}
.iconfont-livable-question2:before {
  content: "\EA5E";
}
.iconfont-before-livable-question2:before {
  content: "\EA5E";
}
.iconfont-after-livable-question2:after {
  content: "\EA5E";
}
.iconfont-livable-ranking_1:before {
  content: "\EA5F";
}
.iconfont-before-livable-ranking_1:before {
  content: "\EA5F";
}
.iconfont-after-livable-ranking_1:after {
  content: "\EA5F";
}
.iconfont-livable-ranking_2:before {
  content: "\EA60";
}
.iconfont-before-livable-ranking_2:before {
  content: "\EA60";
}
.iconfont-after-livable-ranking_2:after {
  content: "\EA60";
}
.iconfont-livable-ranking_3:before {
  content: "\EA61";
}
.iconfont-before-livable-ranking_3:before {
  content: "\EA61";
}
.iconfont-after-livable-ranking_3:after {
  content: "\EA61";
}
.iconfont-livable-recommend:before {
  content: "\EA62";
}
.iconfont-before-livable-recommend:before {
  content: "\EA62";
}
.iconfont-after-livable-recommend:after {
  content: "\EA62";
}
.iconfont-livable-reflesh:before {
  content: "\EA63";
}
.iconfont-before-livable-reflesh:before {
  content: "\EA63";
}
.iconfont-after-livable-reflesh:after {
  content: "\EA63";
}
.iconfont-livable-renthouse:before {
  content: "\EA64";
}
.iconfont-before-livable-renthouse:before {
  content: "\EA64";
}
.iconfont-after-livable-renthouse:after {
  content: "\EA64";
}
.iconfont-livable-review_blank:before {
  content: "\EA65";
}
.iconfont-before-livable-review_blank:before {
  content: "\EA65";
}
.iconfont-after-livable-review_blank:after {
  content: "\EA65";
}
.iconfont-livable-review_fill:before {
  content: "\EA66";
}
.iconfont-before-livable-review_fill:before {
  content: "\EA66";
}
.iconfont-after-livable-review_fill:after {
  content: "\EA66";
}
.iconfont-livable-sale_consultation:before {
  content: "\EA67";
}
.iconfont-before-livable-sale_consultation:before {
  content: "\EA67";
}
.iconfont-after-livable-sale_consultation:after {
  content: "\EA67";
}
.iconfont-livable-save:before {
  content: "\EA68";
}
.iconfont-before-livable-save:before {
  content: "\EA68";
}
.iconfont-after-livable-save:after {
  content: "\EA68";
}
.iconfont-livable-save_fill:before {
  content: "\EA69";
}
.iconfont-before-livable-save_fill:before {
  content: "\EA69";
}
.iconfont-after-livable-save_fill:after {
  content: "\EA69";
}
.iconfont-livable-search:before {
  content: "\EA6A";
}
.iconfont-before-livable-search:before {
  content: "\EA6A";
}
.iconfont-after-livable-search:after {
  content: "\EA6A";
}
.iconfont-livable-search_add:before {
  content: "\EA6B";
}
.iconfont-before-livable-search_add:before {
  content: "\EA6B";
}
.iconfont-after-livable-search_add:after {
  content: "\EA6B";
}
.iconfont-livable-search_answer:before {
  content: "\EA6C";
}
.iconfont-before-livable-search_answer:before {
  content: "\EA6C";
}
.iconfont-after-livable-search_answer:after {
  content: "\EA6C";
}
.iconfont-livable-search_conditions:before {
  content: "\EA6D";
}
.iconfont-before-livable-search_conditions:before {
  content: "\EA6D";
}
.iconfont-after-livable-search_conditions:after {
  content: "\EA6D";
}
.iconfont-livable-shakehands:before {
  content: "\EA6E";
}
.iconfont-before-livable-shakehands:before {
  content: "\EA6E";
}
.iconfont-after-livable-shakehands:after {
  content: "\EA6E";
}
.iconfont-livable-share:before {
  content: "\EA6F";
}
.iconfont-before-livable-share:before {
  content: "\EA6F";
}
.iconfont-after-livable-share:after {
  content: "\EA6F";
}
.iconfont-livable-shop:before {
  content: "\EA70";
}
.iconfont-before-livable-shop:before {
  content: "\EA70";
}
.iconfont-after-livable-shop:after {
  content: "\EA70";
}
.iconfont-livable-sl_applicant:before {
  content: "\EA71";
}
.iconfont-before-livable-sl_applicant:before {
  content: "\EA71";
}
.iconfont-after-livable-sl_applicant:after {
  content: "\EA71";
}
.iconfont-livable-sl_search:before {
  content: "\EA72";
}
.iconfont-before-livable-sl_search:before {
  content: "\EA72";
}
.iconfont-after-livable-sl_search:after {
  content: "\EA72";
}
.iconfont-livable-sl_search_view:before {
  content: "\EA73";
}
.iconfont-before-livable-sl_search_view:before {
  content: "\EA73";
}
.iconfont-after-livable-sl_search_view:after {
  content: "\EA73";
}
.iconfont-livable-sl_value:before {
  content: "\EA74";
}
.iconfont-before-livable-sl_value:before {
  content: "\EA74";
}
.iconfont-after-livable-sl_value:after {
  content: "\EA74";
}
.iconfont-livable-solution:before {
  content: "\EA75";
}
.iconfont-before-livable-solution:before {
  content: "\EA75";
}
.iconfont-after-livable-solution:after {
  content: "\EA75";
}
.iconfont-livable-soudan-law:before {
  content: "\EA76";
}
.iconfont-before-livable-soudan-law:before {
  content: "\EA76";
}
.iconfont-after-livable-soudan-law:after {
  content: "\EA76";
}
.iconfont-livable-soudan-tax:before {
  content: "\EA77";
}
.iconfont-before-livable-soudan-tax:before {
  content: "\EA77";
}
.iconfont-after-livable-soudan-tax:after {
  content: "\EA77";
}
.iconfont-livable-talk:before {
  content: "\EA78";
}
.iconfont-before-livable-talk:before {
  content: "\EA78";
}
.iconfont-after-livable-talk:after {
  content: "\EA78";
}
.iconfont-livable-tell:before {
  content: "\EA79";
}
.iconfont-before-livable-tell:before {
  content: "\EA79";
}
.iconfont-after-livable-tell:after {
  content: "\EA79";
}
.iconfont-livable-to_detail:before {
  content: "\EA7A";
}
.iconfont-before-livable-to_detail:before {
  content: "\EA7A";
}
.iconfont-after-livable-to_detail:after {
  content: "\EA7A";
}
.iconfont-livable-toushi:before {
  content: "\EA7B";
}
.iconfont-before-livable-toushi:before {
  content: "\EA7B";
}
.iconfont-after-livable-toushi:after {
  content: "\EA7B";
}
.iconfont-livable-transport:before {
  content: "\EA7C";
}
.iconfont-before-livable-transport:before {
  content: "\EA7C";
}
.iconfont-after-livable-transport:after {
  content: "\EA7C";
}
.iconfont-livable-unlike:before {
  content: "\EA7D";
}
.iconfont-before-livable-unlike:before {
  content: "\EA7D";
}
.iconfont-after-livable-unlike:after {
  content: "\EA7D";
}
.iconfont-livable-uservoice:before {
  content: "\EA7E";
}
.iconfont-before-livable-uservoice:before {
  content: "\EA7E";
}
.iconfont-after-livable-uservoice:after {
  content: "\EA7E";
}
.iconfont-livable-uservoice2:before {
  content: "\EA7F";
}
.iconfont-before-livable-uservoice2:before {
  content: "\EA7F";
}
.iconfont-after-livable-uservoice2:after {
  content: "\EA7F";
}
.iconfont-livable-view:before {
  content: "\EA80";
}
.iconfont-before-livable-view:before {
  content: "\EA80";
}
.iconfont-after-livable-view:after {
  content: "\EA80";
}
.iconfont-livable-viewing_conditions:before {
  content: "\EA81";
}
.iconfont-before-livable-viewing_conditions:before {
  content: "\EA81";
}
.iconfont-after-livable-viewing_conditions:after {
  content: "\EA81";
}
.iconfont-livable-wanted_property:before {
  content: "\EA82";
}
.iconfont-before-livable-wanted_property:before {
  content: "\EA82";
}
.iconfont-after-livable-wanted_property:after {
  content: "\EA82";
}
.iconfont-livable-works:before {
  content: "\EA83";
}
.iconfont-before-livable-works:before {
  content: "\EA83";
}
.iconfont-after-livable-works:after {
  content: "\EA83";
}
.iconfont-livable-zz01_panorama:before {
  content: "\EA84";
}
.iconfont-before-livable-zz01_panorama:before {
  content: "\EA84";
}
.iconfont-after-livable-zz01_panorama:after {
  content: "\EA84";
}
.iconfont-livable-zz02_change:before {
  content: "\EA85";
}
.iconfont-before-livable-zz02_change:before {
  content: "\EA85";
}
.iconfont-after-livable-zz02_change:after {
  content: "\EA85";
}
.iconfont-livable-zz03_matching:before {
  content: "\EA86";
}
.iconfont-before-livable-zz03_matching:before {
  content: "\EA86";
}
.iconfont-after-livable-zz03_matching:after {
  content: "\EA86";
}
.iconfont-livable-zz03_support:before {
  content: "\EA87";
}
.iconfont-before-livable-zz03_support:before {
  content: "\EA87";
}
.iconfont-after-livable-zz03_support:after {
  content: "\EA87";
}
.iconfont-livable-zz04_newmail:before {
  content: "\EA88";
}
.iconfont-before-livable-zz04_newmail:before {
  content: "\EA88";
}
.iconfont-after-livable-zz04_newmail:after {
  content: "\EA88";
}
.iconfont-livable-zz05_placeholder:before {
  content: "\EA89";
}
.iconfont-before-livable-zz05_placeholder:before {
  content: "\EA89";
}
.iconfont-after-livable-zz05_placeholder:after {
  content: "\EA89";
}
.iconfont-livable-zz06_taiwan:before {
  content: "\EA8A";
}
.iconfont-before-livable-zz06_taiwan:before {
  content: "\EA8A";
}
.iconfont-after-livable-zz06_taiwan:after {
  content: "\EA8A";
}
.iconfont-livable-zz07_facebook:before {
  content: "\EA8B";
}
.iconfont-before-livable-zz07_facebook:before {
  content: "\EA8B";
}
.iconfont-after-livable-zz07_facebook:after {
  content: "\EA8B";
}
.iconfont-livable-zz08_twitter:before {
  content: "\EA8C";
}
.iconfont-before-livable-zz08_twitter:before {
  content: "\EA8C";
}
.iconfont-after-livable-zz08_twitter:after {
  content: "\EA8C";
}
.iconfont-livable-zz09_alliance:before {
  content: "\EA8D";
}
.iconfont-before-livable-zz09_alliance:before {
  content: "\EA8D";
}
.iconfont-after-livable-zz09_alliance:after {
  content: "\EA8D";
}
.iconfont-livable-zz10_others:before {
  content: "\EA8E";
}
.iconfont-before-livable-zz10_others:before {
  content: "\EA8E";
}
.iconfont-after-livable-zz10_others:after {
  content: "\EA8E";
}
.iconfont-livable-zz11_property-list:before {
  content: "\EA8F";
}
.iconfont-before-livable-zz11_property-list:before {
  content: "\EA8F";
}
.iconfont-after-livable-zz11_property-list:after {
  content: "\EA8F";
}
.iconfont-livable-zz12_rent-info:before {
  content: "\EA90";
}
.iconfont-before-livable-zz12_rent-info:before {
  content: "\EA90";
}
.iconfont-after-livable-zz12_rent-info:after {
  content: "\EA90";
}
.iconfont-livable-zz13_furniture:before {
  content: "\EA91";
}
.iconfont-before-livable-zz13_furniture:before {
  content: "\EA91";
}
.iconfont-after-livable-zz13_furniture:after {
  content: "\EA91";
}
.iconfont-livable-zz14_outlet:before {
  content: "\EA92";
}
.iconfont-before-livable-zz14_outlet:before {
  content: "\EA92";
}
.iconfont-after-livable-zz14_outlet:after {
  content: "\EA92";
}
.iconfont-livable-zz15_pen:before {
  content: "\EA93";
}
.iconfont-before-livable-zz15_pen:before {
  content: "\EA93";
}
.iconfont-after-livable-zz15_pen:after {
  content: "\EA93";
}
.iconfont-livable-zz16_graph:before {
  content: "\EA94";
}
.iconfont-before-livable-zz16_graph:before {
  content: "\EA94";
}
.iconfont-after-livable-zz16_graph:after {
  content: "\EA94";
}
.iconfont-livable-zz17_house-hand:before {
  content: "\EA95";
}
.iconfont-before-livable-zz17_house-hand:before {
  content: "\EA95";
}
.iconfont-after-livable-zz17_house-hand:after {
  content: "\EA95";
}
.iconfont-livable-zz18_home:before {
  content: "\EA96";
}
.iconfont-before-livable-zz18_home:before {
  content: "\EA96";
}
.iconfont-after-livable-zz18_home:after {
  content: "\EA96";
}
.iconfont-livable-zz19_monitor:before {
  content: "\EA97";
}
.iconfont-before-livable-zz19_monitor:before {
  content: "\EA97";
}
.iconfont-after-livable-zz19_monitor:after {
  content: "\EA97";
}
.iconfont-livable-zz20_search:before {
  content: "\EA98";
}
.iconfont-before-livable-zz20_search:before {
  content: "\EA98";
}
.iconfont-after-livable-zz20_search:after {
  content: "\EA98";
}
.iconfont-livable-zz21_useful:before {
  content: "\EA99";
}
.iconfont-before-livable-zz21_useful:before {
  content: "\EA99";
}
.iconfont-after-livable-zz21_useful:after {
  content: "\EA99";
}
[class^="iconfont-livable-"],
[class*=" iconfont-livable-"] {
  font-family: inherit;
}
[class^="iconfont-livable-"]:before,
[class*=" iconfont-livable-"]:before {
  font-family: "livable";
  vertical-align: -0.2em;
  margin-right: 8px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: 1em;
}
p {
  margin: 0;
}
ol,
ul,
dl {
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style: none;
}
dl,
dd,
dt {
  margin: 0;
}
li {
  list-style: none;
  font-size: 16px;
  font-size: 1.6rem;
}
dd,
dt {
  font-size: 16px;
  font-size: 1.6rem;
}
small {
  font-size: 100%;
}
em {
  font-style: normal;
}
sup {
  top: 0;
  line-height: 1;
  vertical-align: super;
}
a {
  color: #0062b2;
  text-decoration: none;
  -webkit-transition: all 0.12s ease-out 0s;
  -o-transition: all 0.12s ease-out 0s;
  transition: all 0.12s ease-out 0s;
}
a:hover {
  cursor: pointer;
  text-decoration: none;
}
:not(hr):not(legend) {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
:focus {
  outline: 0 !important;
}
button {
  cursor: pointer;
  -webkit-transition: all 0.12s ease-out 0s;
  -o-transition: all 0.12s ease-out 0s;
  transition: all 0.12s ease-out 0s;
  border-style: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border-radius: 0;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  text-indent: 0.01px;
  -o-text-overflow: "";
  text-overflow: "";
}
select::-ms-expand {
  display: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* MINIFIED CSS END */

.o-main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.a-change-type__list {
  border: 1px solid #0062b2;
  border-radius: 100px;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.a-change-type__link {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #0062b2;
}

.a-change-type__item {
  display: table-cell;
  padding: 6px 16px;
  text-align: center;
}

.a-change-type__item.is-current {
  background-color: #0062b2;
  border-radius: 100px;
}

.a-change-type__item.is-current .a-change-type__link {
  color: #fff;
  font-weight: 700;
}

.a-change-type__item.is-current .a-change-type__link {
  color: #fff;
  font-weight: 700;
}

.a-heading {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 58px;
  margin-bottom: 32px;
  color: #124a7b;
}

.a-headline {
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 58px;
  margin-bottom: 42px;
  color: #124a7b;
}

.a-headline--top {
  margin-top: 0;
  margin-bottom: 24px;
  padding-top: 26px;
}

.a-headline--link {
  margin-bottom: 0;
}

.a-headline--tag .a-tag {
  display: block;
  width: 50px;
  margin: 0;
  text-align: center;
}

.a-image {
  display: block;
  width: 100%;
  height: auto;
}

.a-tag {
  font-size: 11px;
  line-height: 16px;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  padding-right: 8px;
  padding-left: 8px;
  color: #fff;
  border: 1px solid #ddd;
  border-radius: 100px;
}


.a-tag--bold {
  border-color: #d74c53;
  background: #d74c53;
}
.a-tag--type {
  border-color: #48a63f;
  background: #48a63f;
}
.a-tag--new-date {
  border-color: #124a7b;
  background: #124a7b;
}
.a-tag--new-price {
  border-color: #d74c53;
  background: #d74c53;
}
.a-tag--buy {
  color: #d74c53;
  border-color: #d74c53;
  background: #fff;
}
.a-tag--navy-ghost {
  color: #124a7b;
  border-color: #124a7b;
  background: #fff;
}
.a-tag--condition {
  color: #124a7b;
  border-color: #f6f6f6;
  border-radius: 2px;
  background: #f6f6f6;
}
.a-tag--lease {
  color: #124a7b;
  border-color: #124a7b;
  border-radius: 2px;
  background: #fff;
}
.a-tag--trading {
  color: #fff;
  border-color: #124a7b;
  border-radius: 2px;
  background: #124a7b;
}
.a-tag--visited {
  color: #999;
  border-color: #fff;
  border-radius: 2px;
  background: #fff;
}
.a-tag--property-type {
  border-color: #8e8e8e;
  color: #8e8e8e;
}
.a-tag--info {
  color: #999;
  border-color: #ddd;
  border-radius: 2px;
  background: #fff;
}
.a-tag--feature {
  color: #777;
  border-color: #124a7b;
  border-radius: 2px;
  background: #fff;
}
.a-tag--qualification {
  color: #48a63f;
  border-color: #48a63f;
  border-radius: 2px;
  background: #fff;
}
.a-tag--investment {
  color: #fff;
  border-color: #48a63f;
  border-radius: 2px;
  background: #48a63f;
}
.a-tag--outlet {
  color: #fff;
  border: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0070b3),
    to(#124a7b)
  );
  background-image: -webkit-linear-gradient(left, #0070b3 0, #124a7b 100%);
  background-image: -o-linear-gradient(left, #0070b3 0, #124a7b 100%);
  background-image: linear-gradient(to right, #0070b3 0, #124a7b 100%);
}
.a-tag__list {
  font-size: 0;
}
.a-tag__wrap {
  position: relative;
}

.a-tag-square--green-fill {
  padding: 0 28px;
  color: #fff;
  background-color: #48a63f;
  border-color: #48a63f;
}

.m-breadcrumbs {
  overflow: hidden;
  height: 40px;
  background: #fff;
}
.m-breadcrumbs__inner {
  direction: rtl;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  height: 80px;
}
.m-breadcrumbs__list {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding-right: 16px;
  white-space: nowrap;
}
.m-breadcrumbs__item {
  direction: ltr;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-top: 10px;
  text-align: left;
}
.m-breadcrumbs__item:before {
  font-size: 16px;
  overflow: hidden;
  height: 40px;
  margin-right: 8px;
  margin-left: 8px;
  color: #ddd;
}
.m-breadcrumbs__item:first-child {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  padding-left: 16px;
}
.m-breadcrumbs__item:last-child {
  -webkit-box-flex: 99;
  -ms-flex-positive: 99;
  flex-grow: 99;
}
.m-breadcrumbs__item:last-child .m-breadcrumbs__text {
  color: #999;
  font-weight: 700;
}
.m-breadcrumbs__item:nth-child(2) {
  -webkit-box-ordinal-group: -1;
  -ms-flex-order: -2;
  order: -2;
}
.m-breadcrumbs__item:nth-child(3) {
  -webkit-box-ordinal-group: -2;
  -ms-flex-order: -3;
  order: -3;
}
.m-breadcrumbs__item:nth-child(4) {
  -webkit-box-ordinal-group: -3;
  -ms-flex-order: -4;
  order: -4;
}
.m-breadcrumbs__item:nth-child(5) {
  -webkit-box-ordinal-group: -4;
  -ms-flex-order: -5;
  order: -5;
}
.m-breadcrumbs__item:nth-child(6) {
  -webkit-box-ordinal-group: -5;
  -ms-flex-order: -6;
  order: -6;
}
.m-breadcrumbs__item:nth-child(7) {
  -webkit-box-ordinal-group: -6;
  -ms-flex-order: -7;
  order: -7;
}
.m-breadcrumbs__item:nth-child(8) {
  -webkit-box-ordinal-group: -7;
  -ms-flex-order: -8;
  order: -8;
}
.m-breadcrumbs__item:nth-child(9) {
  -webkit-box-ordinal-group: -8;
  -ms-flex-order: -9;
  order: -9;
}
.m-breadcrumbs__item:nth-child(10) {
  -webkit-box-ordinal-group: -9;
  -ms-flex-order: -10;
  order: -10;
}
.m-breadcrumbs__item:nth-child(11) {
  -webkit-box-ordinal-group: -10;
  -ms-flex-order: -11;
  order: -11;
}
.m-breadcrumbs__item:nth-child(12) {
  -webkit-box-ordinal-group: -11;
  -ms-flex-order: -12;
  order: -12;
}
.m-breadcrumbs__item:nth-child(13) {
  -webkit-box-ordinal-group: -12;
  -ms-flex-order: -13;
  order: -13;
}
.m-breadcrumbs__item:nth-child(14) {
  -webkit-box-ordinal-group: -13;
  -ms-flex-order: -14;
  order: -14;
}
.m-breadcrumbs__item:nth-child(15) {
  -webkit-box-ordinal-group: -14;
  -ms-flex-order: -15;
  order: -15;
}
.m-breadcrumbs__item:nth-child(16) {
  -webkit-box-ordinal-group: -15;
  -ms-flex-order: -16;
  order: -16;
}
.m-breadcrumbs__item:nth-child(17) {
  -webkit-box-ordinal-group: -16;
  -ms-flex-order: -17;
  order: -17;
}
.m-breadcrumbs__item:nth-child(18) {
  -webkit-box-ordinal-group: -17;
  -ms-flex-order: -18;
  order: -18;
}
.m-breadcrumbs__item:nth-child(19) {
  -webkit-box-ordinal-group: -18;
  -ms-flex-order: -19;
  order: -19;
}
.m-breadcrumbs__item:nth-child(20) {
  -webkit-box-ordinal-group: -19;
  -ms-flex-order: -20;
  order: -20;
}
.m-breadcrumbs__link {
  font-size: 13px;
  display: inline-block;
  color: #777;
}
.m-breadcrumbs__text {
  font-size: 13px;
  display: inline-block;
}



.o-content {
  position: relative;
  display: block;
  background: #f6f6f6;
  overflow: hidden;
}

.o-content__inner {
  padding-right: 16px;
  padding-left: 16px;
}

.o-content__inner--middle {
  padding: 16px;
  background: #fff;
}

.o-content__inner--middle {
  padding: 48px 64px;
}

.a-text {
  font-size: 16px;
  line-height: 28px;
}

.a-text__wrapper {
  margin: 24px 0 32px;
}

.a-text--sub {
  font-size: 14px;
  line-height: 24px;
}

.a-link:hover {
  border-bottom: 1px solid currentColor;
}
/*.u-display__pconly {*/
/*  display: none !important;*/
/*}*/
.o-content--paint {
  background: #fff;
}
.o-content--paint-top {
  background: #fff;
}




.o-ranking__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
}


.o-ranking__toggle {
  /* height: 110px; */
  margin: 12px 0 0;
  position: relative;
  overflow: hidden;
  /* height: 100%; */
  max-height: 110px;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.o-ranking__toggle.is-show {
  max-height: 10000px;
  /* overflow: visible; */
  /* height: 100%; */
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.o-ranking__toggle.is-show .o-ranking__more-open {
position: static;
}

/* .o-ranking__toggle.is-show .o-ranking__more-open {
  display: none;
} */

.o-ranking__lead {
  line-height: 24px;
}

.o-ranking__offering {
  margin: 24px 0 0;
}

.o-ranking__offering-item {
  margin: 16px 0 0;
  padding: 0 0 12px;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}

.o-ranking__offering-info {
  margin: 8px 0 0;
  font-size: 14px;
  color: #1e50a2;
}

.o-ranking__offering-price {
  margin: 12px 0 0;
  font-weight: 700;
  color: #e34563;
}

.o-ranking__offering-note {
  padding: 0 100px 0 0;
  font-size: 11px;
  font-weight: 400;
}

.o-ranking__offering-yield {
  margin: 0 0 0 8px;
  font-size: 11px;
}

.o-ranking__offering-yield-num {
  font-size: 14px;
}

.o-ranking__offering-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  bottom: 12px;
  right: 0;
  font-size: 14px;
  color: #0062b2;
}

.o-ranking__offering-link-icon:before {
  margin: 0 0 0 8px;
}

.o-ranking__more-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  background: #fff;
}

@media only screen and (max-width: 768px) {
  .o-ranking__more-open {
bottom: -1px;
    height: 40px;
  }
}

.o-ranking__more-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 48px;
}

.o-ranking__more {
  font-size: 18px;
  font-weight: 700;
  color: #0062b2;
  -webkit-transition: all 0.12s ease-out 0s;
  -o-transition: all 0.12s ease-out 0s;
  transition: all 0.12s ease-out 0s;
}

.o-ranking__more:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 374px) {
  .m-ranking-head {
    font-size: 16px;
  }
}

@media print, screen and (min-width: 769px) {
  .m-ranking-head {
    display: inline-block;
  }

  .m-ranking-head__text {
    margin: 0 48px 0 0;
  }

  .m-ranking-head__link {
    -webkit-transition: border-bottom 0.24s ease-out;
    -o-transition: border-bottom 0.24s ease-out;
    transition: border-bottom 0.24s ease-out;
    border-bottom: 1px solid transparent;
  }

  .m-ranking-head__link:hover {
    border-bottom: 1px solid currentColor;
  }

  .m-ranking-head__modal .m-ranking-area {
    margin: 0 0 0 -32px;
  }

  .m-ranking-head__modal .m-ranking-area__item {
    width: 144px;
    margin: 0 0 0 32px;
  }

  .m-ranking-head__modal-inner {
    width: 768px;
    margin: auto;
  }

  .m-ranking-head__modal-box {
    padding: 48px;
    border-radius: 4px;
  }

  .m-ranking-head__modal-close {
    width: 32px;
    height: 32px;
  }

  .m-ranking-head__modal-close:before {
    font-size: 16px;
  }

  .o-ranking {
    margin: 40px 0 72px;
  }

  .o-ranking__item {
    margin: 24px 0 0;
  }

  .o-ranking__item:nth-child(-n + 3) .o-ranking__rank {
    width: 90px;
    height: 120px;
    padding: 0 0 20px;
    top: -8px;
    left: 12px;
  }

  .o-ranking__item:nth-child(n + 4) .o-ranking__rank {
    width: 88px;
    height: 88px;
    top: 16px;
    left: 16px;
  }

  .o-ranking__rank-num {
    font-size: 42px;
  }

  .o-ranking__rank-unit {
    font-size: 24px;
  }

  .o-ranking__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 40px 48px;
  }

  .o-ranking__image-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 247px;
    height: 247px;
  }

  .o-ranking__body {
    padding: 0 0 0 32px;
  }

  .o-ranking__title {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .o-ranking__title-name {
    font-size: 28px;
    -webkit-transition: border-bottom 0.24s ease-out;
    -o-transition: border-bottom 0.24s ease-out;
    transition: border-bottom 0.24s ease-out;
    border-bottom: 1px solid transparent;
  }

  .o-ranking__title-name:hover {
    border-bottom: 1px solid currentColor;
  }

  .o-ranking__title-sub {
    position: relative;
    margin: 0 24px 0 0;
    font-size: 14px;
    -webkit-transition: border-bottom 0.24s ease-out;
    -o-transition: border-bottom 0.24s ease-out;
    transition: border-bottom 0.24s ease-out;
    border-bottom: 1px solid transparent;
  }

  .o-ranking__title-sub:hover {
    border-bottom: 1px solid currentColor;
  }

  .o-ranking__title-sub:before {
    position: absolute;
    right: -24px;
  }

  .o-ranking__detail {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /* -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap; */
    height: 97px;
    margin: 24px 0 0;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
  }

  .o-ranking__detail-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    height: 48px;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
  }

  .o-ranking__detail-item:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 84px;
    background: #e7e7e7;
  }

  .o-ranking__detail-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 84px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
  }

  .o-ranking__detail-title:before {
    content: none;
  }

  .o-ranking__detail-text {
    padding: 0 20px;
  }

  .o-ranking__chatch {
    margin: 24px 0 0;
    font-size: 20px;
  }

  /* .o-ranking__toggle {
    height: 100px;
  } */

  .o-ranking__lead {
    line-height: 28px;
  }

  .o-ranking__offering-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .o-ranking__offering-item .a-tag {
    margin: 0 8px 0 0;
  }

  .o-ranking__offering-info {
    margin: 0 16px 0 8px;
  }

  .o-ranking__offering-price {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin: 0 16px;
    text-align: right;
  }

  .o-ranking__offering-note {
    padding: 0;
  }

  .o-ranking__offering-link {
    position: static;
  }

  .o-ranking__offering-link:hover .o-ranking__offering-link-text {
    border-bottom: 1px solid currentColor;
  }

  .o-ranking__offering-link-text {
    -webkit-transition: border-bottom 0.24s ease-out;
    -o-transition: border-bottom 0.24s ease-out;
    transition: border-bottom 0.24s ease-out;
    border-bottom: 1px solid transparent;
  }

  .o-ranking__more-open {
    width: 1040px;
    margin: 0 0 0 -279px;
  }

  .o-ranking__more-close {
    width: 1040px;
    margin: 0 0 0 -279px;
  }
}

@media only screen and (max-width: 768px) {
  .o-ranking__detail-item--built {
    display: inline-block;
  }

  .o-ranking__detail-item--built .o-ranking__detail-title {
    font-size: 14px;
    color: #000;
  }

  .o-ranking__detail-item--built .o-ranking__detail-title:before {
    color: #999;
  }

  .o-ranking__detail-item--built .o-ranking__detail-title:after {
    content: "：";
  }

  .o-ranking__detail-item--houses {
    display: inline-block;
  }

  .o-ranking__detail-item--houses:before {
    content: "・";
  }

  .o-ranking__detail-item--houses .o-ranking__detail-title {
    font-size: 14px;
    color: #000;
  }

  .o-ranking__detail-item--houses .o-ranking__detail-title:after {
    content: "：";
  }
}

/* @media print, screen and (min-width: 769px) {
  .o-header__content-myliv {
    display: none;
  }

  .o-header__area-icon {
    display: none;
  }

  .m-header-viewing__icon {
    display: none;
  }

  .m-header-search-condition__icon {
    display: none;
  }

  .o-header__content-close {
    display: none;
  }

  .m-header-nav__tabs {
    display: none;
  }

  .m-header-nav__menu {
    display: none;
  }
} */

/* CSS FROM OLD FILE */

@-webkit-keyframes checkbox {
  0% {
    width: 0;
    height: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    width: 3px;
    height: 0;
  }
  100% {
    height: 8px;
  }
}
@keyframes checkbox {
  0% {
    width: 0;
    height: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    width: 3px;
    height: 0;
  }
  100% {
    height: 8px;
  }
}
@-webkit-keyframes radio {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  80% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes radio {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  80% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes suggest {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes suggest {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes search_list {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
  }
  75% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes search_list {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
  }
  75% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes more {
  0% {
    bottom: 8px;
  }
  20% {
    bottom: -2px;
  }
  40% {
    bottom: 8px;
  }
}
@keyframes more {
  0% {
    bottom: 8px;
  }
  20% {
    bottom: -2px;
  }
  40% {
    bottom: 8px;
  }
}
@-webkit-keyframes add {
  0% {
    color: transparent;
  }
  50% {
    color: #0062b2;
  }
  100% {
    color: transparent;
  }
}
@keyframes add {
  0% {
    color: transparent;
  }
  50% {
    color: #0062b2;
  }
  100% {
    color: transparent;
  }
}
@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
    top: calc(50% - 20px);
    left: calc(50% + 10px);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: calc(50% + 10px);
    left: calc(50% + 10px);
  }
  75% {
    -webkit-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
    top: calc(50% + 10px);
    left: calc(50% - 20px);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    top: calc(50% - 20px);
    left: calc(50% - 20px);
  }
}
@keyframes cube-transition {
  25% {
    -webkit-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
    top: calc(50% - 20px);
    left: calc(50% + 10px);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: calc(50% + 10px);
    left: calc(50% + 10px);
  }
  75% {
    -webkit-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
    top: calc(50% + 10px);
    left: calc(50% - 20px);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    top: calc(50% - 20px);
    left: calc(50% - 20px);
  }
}
@-webkit-keyframes cube-transition-2 {
  25% {
    -webkit-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
    top: calc(50% + 10px);
    left: calc(50% - 20px);
  }
  50% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    top: calc(50% - 20px);
    left: calc(50% - 20px);
  }
  75% {
    -webkit-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
    top: calc(50% - 20px);
    left: calc(50% + 10px);
  }
  100% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: calc(50% + 10px);
    left: calc(50% + 10px);
  }
}
@keyframes cube-transition-2 {
  25% {
    -webkit-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
    top: calc(50% + 10px);
    left: calc(50% - 20px);
  }
  50% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    top: calc(50% - 20px);
    left: calc(50% - 20px);
  }
  75% {
    -webkit-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
    top: calc(50% - 20px);
    left: calc(50% + 10px);
  }
  100% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: calc(50% + 10px);
    left: calc(50% + 10px);
  }
}

.m-ranking-head {
  margin: 24px 0 0;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 700;
  border: 1px solid #0062b2;
  border-radius: 4px;
}
.m-ranking-head__text {
  display: inline-block;
}
.m-ranking-head__site {
  font-weight: 400;
}
.m-ranking-head__link {
  float: right;
}
.m-ranking-head__modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  opacity: 0;
}
.m-ranking-head__modal-inner {
  margin: 0 16px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.m-ranking-head__modal-box {
  max-height: 84vh;
  padding: 32px 16px;
  overflow-y: auto;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#f6f6f6)
  );
  background-image: -webkit-linear-gradient(top, #fff 0, #f6f6f6 100%);
  background-image: -o-linear-gradient(top, #fff 0, #f6f6f6 100%);
  background-image: linear-gradient(to bottom, #fff 0, #f6f6f6 100%);
  border-radius: 2px;
}
.m-ranking-head__modal-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #0062b2;
  border-radius: 50%;
  position: absolute;
  right: -8px;
  top: -8px;
  text-align: center;
}
.m-ranking-head__modal-close:before {
  font-size: 12px;
  color: #fff;
  margin-right: 0;
}
.m-ranking-head__modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
.m-ranking-lower {
  margin: 24px 0 0;
}
.m-ranking-lower__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0 0;
  padding: 0 0 12px;
  border-bottom: 1px solid #e7e7e7;
}
.m-ranking-lower__rank {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 16px 0 0;
  font-weight: 700;
  color: #777;
}
.m-ranking-lower__num {
  font-family: Droid Sans, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", Hiragino Kaku Gothic Pro,
    "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
  font-size: 20px;
}
.m-ranking-lower__unit {
  font-size: 14px;
}
.m-ranking-lower__info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
.m-ranking-lower__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 2px 0 0;
}
.m-ranking-lower__title-icon:before {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.m-ranking-lower__text {
  margin: 12px 0 0;
  font-size: 14px;
}
.m-ranking-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.m-ranking-area__item {
  width: calc(50% - 6px);
}
.m-ranking-area__item .a-button__text {
  font-weight: 400;
  font-size: 13px;
}
.m-ranking-area__item .a-button {
  height: 32px;
}
.m-ranking-area__item.is-disabled .a-button {
  color: #999;
  border-color: #999;
  pointer-events: none;
}
.m-info-list {
  margin-top: 32px;
}
.m-info-list--favorite {
  margin: 24px -8px;
}
.m-info-list--favorite .m-info-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 16px 0 0;
  padding: 16px 12px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}
.m-info-list--favorite .m-info-list__image-area {
  display: block;
  width: 115px;
  padding: 0;
}
.m-info-list--favorite .m-info-list__detail {
  display: block;
  width: calc(100% - 131px);
  padding: 0;
}
.m-info-list--favorite .m-info-list__detail-title {
  display: block;
  margin-bottom: 4px;
  font-weight: 700;
  color: #48a63f;
}
.m-info-list--favorite .m-info-list__detail-title--member {
  color: #d74c53;
}
.m-info-list__item {
  margin: 0 0 8px;
}
.m-info-list__link {
  display: table;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}
.m-info-list__link:hover {
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}
.m-info-list__image-area {
  display: table-cell;
  width: 104px;
  padding: 8px;
}
.m-info-list__image {
  display: block;
  height: 88px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.m-info-list__detail {
  display: table-cell;
  width: auto;
  padding: 16px 12px 16px 4px;
  vertical-align: top;
}
.m-info-list__detail .a-tag {
  margin: 0 0 0 8px;
  vertical-align: 2px;
}
.m-info-list__detail-title {
  color: #0062b2;
  -webkit-transition: all 0.12s ease-out 0s;
  -o-transition: all 0.12s ease-out 0s;
  transition: all 0.12s ease-out 0s;
  border-bottom: 1px solid transparent;
  display: inline;
  line-height: 1.5;
}
.m-info-list__detail-text {
  margin-top: 10px;
  font-size: 13px;
  line-height: 20px;
  color: #777;
}
.m-detailed-search {
  margin-bottom: 48px;
}
.m-detailed-search--bottom0 {
  margin-bottom: 0;
}
.m-detailed-search__heading {
  margin-bottom: 16px;
}
.m-detailed-search__body {
  overflow: hidden;
}
.m-detailed-search__list {
  font-size: 0;
  margin-left: -8px;
}
.m-detailed-search__item {
  position: relative;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 8px;
  line-height: 1.4;
  font-size: 14px;
}
.m-detailed-search__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 1px;
  width: 1px;
  background: #999;
}
.m-detailed-search__link.is-disabled {
  color: #777;
}
.m-detailed-search__link-large {
  margin-top: 16px;
  font-weight: 700;
}
.m-detailed-search__open {
  display: none;
}
.m-detailed-search__inner {
  padding: 0 16px;
}
.m-detailed-search__inner + .m-detailed-search__inner {
  margin-top: 32px;
}
.m-detailed-search--toggle .m-detailed-search__inner,
.m-detailed-search--toggle2 .m-detailed-search__inner {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 0;
}
.m-detailed-search--toggle
  .m-detailed-search__inner.is-open
  .m-detailed-search__body,
.m-detailed-search--toggle2
  .m-detailed-search__inner.is-open
  .m-detailed-search__body {
  display: block;
  padding: 16px;
}
.m-detailed-search--toggle
  .m-detailed-search__inner.is-open
  .m-detailed-search__headline:before,
.m-detailed-search--toggle2
  .m-detailed-search__inner.is-open
  .m-detailed-search__headline:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.m-detailed-search--toggle
  .m-detailed-search__inner.is-open
  .m-detailed-search__headline:after,
.m-detailed-search--toggle2
  .m-detailed-search__inner.is-open
  .m-detailed-search__headline:after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  opacity: 0;
}
.m-detailed-search--toggle
  .m-detailed-search__inner
  + .m-detailed-search__inner,
.m-detailed-search--toggle2
  .m-detailed-search__inner
  + .m-detailed-search__inner {
  margin-top: -1px;
}
.m-detailed-search--toggle .m-detailed-search__headline,
.m-detailed-search--toggle2 .m-detailed-search__headline {
  position: relative;
  margin: 0;
  font-weight: 400;
  background-color: #fff;
  padding: 16px 42px 16px 16px;
}
.m-detailed-search--toggle .m-detailed-search__headline:before,
.m-detailed-search--toggle .m-detailed-search__headline:after,
.m-detailed-search--toggle2 .m-detailed-search__headline:before,
.m-detailed-search--toggle2 .m-detailed-search__headline:after {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 16px;
  height: 1px;
  margin: auto 0;
  content: "";
  -webkit-transition: all 0.12s ease-out 0s;
  -o-transition: all 0.12s ease-out 0s;
  transition: all 0.12s ease-out 0s;
  background: #999;
}
.m-detailed-search--toggle .m-detailed-search__headline:after,
.m-detailed-search--toggle2 .m-detailed-search__headline:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 1;
}
.m-detailed-search--toggle .m-detailed-search__headline.is-open:before,
.m-detailed-search--toggle2 .m-detailed-search__headline.is-open:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.m-detailed-search--toggle .m-detailed-search__headline.is-open:after,
.m-detailed-search--toggle2 .m-detailed-search__headline.is-open:after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  opacity: 0;
}
.m-detailed-search--toggle .m-detailed-search__body,
.m-detailed-search--toggle2 .m-detailed-search__body {
  margin: 16px 16px 8px;
}
.m-detailed-search--toggle2 .m-detailed-search__headline {
  background-color: transparent;
}
.m-detailed-search--toggle2 .m-detailed-search__inner {
  border-bottom: none;
}
.m-detailed-search--more {
  max-height: 360px;
  overflow: hidden;
}
.m-detailed-search--more.is-show {
  max-height: none;
}
.m-detailed-search--more.is-show .a-content-accordion__open-wrapper {
  display: none;
}
.o-ranking {
  margin: 30px -8px 48px;
}
.o-ranking__item {
  margin: 16px 0 0;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}
.o-ranking__item:nth-child(-n + 3) .o-ranking__rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  height: 80px;
  padding: 0 0 16px;
  position: absolute;
  top: -6px;
  left: 8px;
  z-index: 1;
  font-weight: 700;
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.o-ranking__item:nth-child(-n + 3) .o-ranking__rank-unit {
  margin: 0 0 5px 2px;
}
.o-ranking__item:first-child .o-ranking__rank {
  background-image: url(/assets/materials/towermanion_rank_01.svg);
}
.o-ranking__item:nth-child(2) .o-ranking__rank {
  background-image: url(/assets/materials/towermanion_rank_02.svg);
}
.o-ranking__item:nth-child(3) .o-ranking__rank {
  background-image: url(/assets/materials/towermanion_rank_03.svg);
}
.o-ranking__item:nth-child(n + 4) .o-ranking__rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
  font-weight: 700;
  color: #fff;
  background: #5081a5;
  border-radius: 50%;
}
.o-ranking__item:nth-child(n + 4) .o-ranking__rank-unit {
  margin: 7px 0 0 2px;
}
.o-ranking__rank-num {
  font-family: Droid Sans, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", Hiragino Kaku Gothic Pro,
    "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
  font-size: 32px;
}
.o-ranking__image-wrap {
  height: 180px;
  position: relative;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  background-color:#e7e7e7;
}

@media only screen and (max-width: 546px) {
  .o-ranking__image-wrap {
max-width:240px;
margin:0 auto;
}  
}
.o-ranking__image {
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 546px) {
  .o-ranking__image {
max-width: 245px;
  }
}

.o-ranking__body {
  padding: 16px 16px 24px;
}
.o-ranking__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.o-ranking__title-name {
  font-size: 18px;
}
.o-ranking__title-sub {
  font-size: 0;
}
.o-ranking__title-sub:before {
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 14px;
  font-weight: 400;
}
.o-ranking__detail {
  margin: 16px 0 0;
}
.o-ranking__detail-item {
  margin: 8px 0 0;
}
.o-ranking__detail-title {
  font-size: 0;
  color: #999;
}
.o-ranking__detail-title:before {
  font-size: 14px;
}
.o-ranking__detail-text {
  font-size: 14px;
}
.o-ranking__chatch {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 24px;
  color: #124a7b;
}
/* .o-ranking__toggle {
  height: 110px;
  margin: 12px 0 0;
  position: relative;
  overflow: hidden;
} */
/* .o-ranking__toggle.is-show {
  height: auto;
} */
/* .o-ranking__toggle.is-show .o-ranking__more-open {
  display: none;
} */
.o-ranking__lead {
  line-height: 24px;
}
.o-ranking__offering {
  margin: 24px 0 0;
}
.o-ranking__offering-item {
  margin: 16px 0 0;
  padding: 0 0 12px;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.o-ranking__offering-info {
  margin: 8px 0 0;
  font-size: 14px;
  color: #1e50a2;
}
.o-ranking__offering-price {
  margin: 12px 0 0;
  font-weight: 700;
  color: #e34563;
}
.o-ranking__offering-note {
  padding: 0 100px 0 0;
  font-size: 11px;
  font-weight: 400;
}
.o-ranking__offering-yield {
  margin: 0 0 0 8px;
  font-size: 11px;
}
.o-ranking__offering-yield-num {
  font-size: 14px;
}
.o-ranking__offering-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  bottom: 12px;
  right: 0;
  font-size: 14px;
  color: #0062b2;
}
.o-ranking__offering-link-icon:before {
  margin: 0 0 0 8px;
}

.a-button--size_small,
.a-button--size_small-no-result {
  width: 100%;
  height: 56px;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.a-button--size_small-no-result {
  height: 64px;
}
.a-button--size_normal {
  width: 100%;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 560px;
}
.a-button--size_s-n {
  width: 100%;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 560px;
}
.a-button--size_inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.a-button--unique {
  margin: 32px auto 48px;
}
button.a-button--size_normal,
button.a-button--size_small,
button.a-button--size_inline {
  display: block;
}

.a-sub-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 44px;
  margin-bottom: 20px;
}

.a-sub-headline {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  position: relative;
  margin-top: 43px;
  margin-bottom: 19px;
  padding-left: 15px;
}
.a-sub-headline:before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 3px;
  height: 20px;
  content: "";
  background: #ddd;
}
.a-sub-headline--buy:before {
  background: #48a63f;
}
.a-sub-headline--top {
  margin-top: 0;
}
.a-sub-headline--consultation:before {
  background: #e56800;
}
.a-sub-headline--dt:before {
  background: #00aa8f;
}
.a-sub-headline--ty:before {
  background: #db0242;
}
.a-sub-headline--myliv:before {
  width: 1px;
  height: auto;
  bottom: 4px;
  background: #000;
}
.a-sub-headline--myliv-navy {
  margin: 0 !important;
  color: #124a7b;
}
.a-sub-headline--myliv-navy:before {
  width: 1px;
  background: #124a7b;
}
.a-sub-headline--myliv-mail {
  color: #124a7b;
}
.a-sub-headline--myliv-mail:before {
  width: 1px;
  background: #124a7b;
}
.a-sub-headline--rich:before {
  background: #0062b2;
}
.a-sub-headline--offering:before {
  background: #00aeef;
}
.a-sub-headline__link {
  display: none;
}
.a-sub-headline__sub {
  position: absolute;
  bottom: -24px;
  left: 0;
  font-size: 11px;
  color: #777;
}
.a-sub-headline__middle {
  display: block;
  font-size: 16px;
}

.a-button--type_ghost {
  border: 1px solid #0062b2;
  border-radius: 4px;
  color: #0062b2;
}

.a-button--type_ghost:hover {
  border-width: 3px;
  padding: 0;
}

.a-button:hover .a-button__text:after {
  border-bottom: 1px solid currentColor;
}

.a-button__text {
  position: relative;
}
.a-button__text:after {
  content: "";
  -webkit-transition: all 0.12s ease-out 0s;
  -o-transition: all 0.12s ease-out 0s;
  transition: all 0.12s ease-out 0s;
  border-bottom: 1px solid transparent;
  height: 1px;
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
}

.a-button--type_cv {
  background: #d74c53;
  -webkit-box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  color: #fff;
}

.a-button--type_cv:hover {
  background: #ff4b6d;
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}
/* 
:not(hr):not(legend) {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
} */

.a-button-list {
  margin: 24px 0;
}

.a-heading--info {
  margin: 32px 0 20px;
  line-height: 1.2;
}

.a-caption {
  font-size: 13px;
  line-height: 20px;
  color: #777;
}
.a-caption__wrapper {
  margin-top: 24px;
  margin-bottom: 24px;
}

.o-content--paint .o-content__inner,
.o-content--paint2 .o-content__inner {
  margin-top: 48px;
  margin-bottom: 48px;
}

@media print, screen and (min-width: 769px) {
  .o-content {
    overflow-x: hidden;
    min-width: 1120px;
  }

  .o-content__wrapper {
    overflow-x: hidden;
    min-width: 1120px;
  }

  .o-content__inner {
    width: 1120px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }

  .m-breadcrumbs {
    min-width: 1120px;
    border-bottom: 1px solid #e7e7e7;
    background: #fafafa;
  }

  .m-breadcrumbs__inner {
    width: 1120px;
    margin-right: auto;
    margin-left: auto;
  }

  .m-breadcrumbs__link {
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid transparent;
  }

  .m-breadcrumbs__text {
    font-size: 12px;
  }

  .a-button-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .a-button-list .a-button {
    width: 264px;
    margin: 0 8px;
  }

  .a-button-list--middle .a-button {
    width: 480px;
  }

  .a-heading--info {
    margin: 48px 0 32px;
    text-align: center;
  }

  .u-align-center__pconly {
    text-align: center;
  }

  .m-breadcrumbs__link {
    font-size: 12px;
    color: #999;
    -webkit-transition: border-bottom 0.24s ease-out;
    -o-transition: border-bottom 0.24s ease-out;
    transition: border-bottom 0.24s ease-out;
    border-bottom: 1px solid transparent;
  }

  .o-content--paint .o-content__inner,
  .o-content--paint2 .o-content__inner {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .u-display__sponly {
    display: none !important;
  }
}


@media print, screen and (min-width: 769px) {
  .m-ranking-head {
    display: inline-block;
  }
  .m-ranking-head__text {
    margin: 0 48px 0 0;
  }
  .m-ranking-head__link {
    -webkit-transition: border-bottom 0.24s ease-out;
    -o-transition: border-bottom 0.24s ease-out;
    transition: border-bottom 0.24s ease-out;
    border-bottom: 1px solid transparent;
  }
  .m-ranking-head__link:hover {
    border-bottom: 1px solid currentColor;
  }
  .m-ranking-head__modal .m-ranking-area {
    margin: 0 0 0 -32px;
  }
  .m-ranking-head__modal .m-ranking-area__item {
    width: 144px;
    margin: 0 0 0 32px;
  }
  .m-ranking-head__modal-inner {
    width: 768px;
    margin: auto;
  }
  .m-ranking-head__modal-box {
    padding: 48px;
    border-radius: 4px;
  }
  .m-ranking-head__modal-close {
    width: 32px;
    height: 32px;
  }
  .m-ranking-head__modal-close:before {
    font-size: 16px;
  }
  .m-ranking-lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 830px;
    margin: 24px 0 0 -40px;
  }
  .m-ranking-lower__item {
    width: 540px;
    margin: 16px 0 0 40px;
  }
  .m-ranking-lower__title-name {
    -webkit-transition: border-bottom 0.24s ease-out;
    -o-transition: border-bottom 0.24s ease-out;
    transition: border-bottom 0.24s ease-out;
    border-bottom: 1px solid transparent;
  }
  .m-ranking-lower__title-name:hover {
    border-bottom: 1px solid currentColor;
  }
  .m-ranking-lower__title-icon:before {
    content: none;
  }
  .m-ranking-area {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 0 -24px;
  }
  .m-ranking-area__item {
    width: 138px;
    margin: 0 0 16px 24px;
  }
  .m-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
  }
  .m-info-list--favorite {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 16px 0 32px;
  }
  .m-info-list--favorite .m-info-list__item {
    width: 363px;
  }
  .m-info-list--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .m-info-list__item {
    width: calc(50% - 16px);
    margin: 0 0 16px 16px;
  }
  .m-info-list__link:hover .m-info-list__detail-title {
    border-bottom: 1px solid currentColor;
  }
  .m-info-list__link:hover .m-info-list__image {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
  }
  .m-info-list__image-area {
    width: 124px;
    padding: 12px;
    overflow: hidden;
  }
  .m-info-list__image {
    height: 100px;
  }
  .m-info-list__detail {
    padding: 16px 16px 16px 4px;
  }
  .m-detailed-search__open {
    display: block;
  }
  .m-detailed-search__inner {
    width: 1120px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }

  
  .m-detailed-search--arrow .m-detailed-search__link:before {
    content: none;
  }
  .o-ranking {
    margin: 40px 0 72px;
  }
  .o-ranking__item {
    margin: 24px 0 0;
  }
  .o-ranking__item:nth-child(-n + 3) .o-ranking__rank {
    width: 90px;
    height: 120px;
    padding: 0 0 20px;
    top: -8px;
    left: 12px;
  }
  .o-ranking__item:nth-child(n + 4) .o-ranking__rank {
    width: 88px;
    height: 88px;
    top: 16px;
    left: 16px;
  }
  .o-ranking__rank-num {
    font-size: 42px;
  }
  .o-ranking__rank-unit {
    font-size: 24px;
  }
  .o-ranking__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 40px 48px;
  }
  .o-ranking__image-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 247px;
    height: 247px;
  }
  .o-ranking__body {
    padding: 0 0 0 32px;
  }
  .o-ranking__title {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .o-ranking__title-name {
    font-size: 28px;
    -webkit-transition: border-bottom 0.24s ease-out;
    -o-transition: border-bottom 0.24s ease-out;
    transition: border-bottom 0.24s ease-out;
    border-bottom: 1px solid transparent;
  }
  .o-ranking__title-name:hover {
    border-bottom: 1px solid currentColor;
  }
  .o-ranking__title-sub {
    position: relative;
    margin: 0 24px 0 0;
    font-size: 14px;
    -webkit-transition: border-bottom 0.24s ease-out;
    -o-transition: border-bottom 0.24s ease-out;
    transition: border-bottom 0.24s ease-out;
    border-bottom: 1px solid transparent;
  }
  .o-ranking__title-sub:hover {
    border-bottom: 1px solid currentColor;
  }
  .o-ranking__title-sub:before {
    position: absolute;
    right: -24px;
  }

  .o-ranking__detail-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    flex-basis:50%;
    height: 48px;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
  }
  .o-ranking__detail-item:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 84px;
    background: #e7e7e7;
  }
  .o-ranking__detail-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 84px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
  }
  .o-ranking__detail-title:before {
    content: none;
  }
  .o-ranking__detail-text {
    padding: 0 20px;
  }
  .o-ranking__chatch {
    margin: 24px 0 0;
    font-size: 20px;
  }
 
  .o-ranking__lead {
    line-height: 28px;
  }
  .o-ranking__offering-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .o-ranking__offering-item .a-tag {
    margin: 0 8px 0 0;
  }
  .o-ranking__offering-info {
    margin: 0 16px 0 8px;
  }
  .o-ranking__offering-price {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin: 0 16px;
    text-align: right;
  }
  .o-ranking__offering-note {
    padding: 0;
  }
  .o-ranking__offering-link {
    position: static;
  }
  .o-ranking__offering-link:hover .o-ranking__offering-link-text {
    border-bottom: 1px solid currentColor;
  }
  .o-ranking__offering-link-text {
    -webkit-transition: border-bottom 0.24s ease-out;
    -o-transition: border-bottom 0.24s ease-out;
    transition: border-bottom 0.24s ease-out;
    border-bottom: 1px solid transparent;
  }
  .o-ranking__more-open {
    width: 1040px;
    margin: 0 0 0 -279px;
  }
  .o-ranking__more-close {
    width: 1040px;
    margin: 0 0 0 -279px;
  }
}
@media only screen and (max-width: 374px) {
  .m-ranking-head {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .m-detailed-search__list--higher .m-detailed-search__item {
    margin-bottom: 16px;
  }
  .m-detailed-search--arrow .m-detailed-search__body {
    overflow: visible;
  }
  .m-detailed-search--arrow .m-detailed-search__item {
    position: relative;
    display: block;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 0;
    padding-right: 0;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
  }
  .m-detailed-search--arrow .m-detailed-search__item:first-child {
    border-top: 1px solid #ddd;
  }
  .m-detailed-search--arrow .m-detailed-search__link {
    position: relative;
    display: block;
    padding: 18px 40px 18px 16px;
    color: #0062b2;
    font-size: 16px;
    line-height: 28px;
  }
  .m-detailed-search--arrow .m-detailed-search__link:before {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    overflow: hidden;
    width: 20px;
    height: 20px;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    color: #0062b2;
  }
  .o-ranking__detail-item--built {
    display: inline-block;
  }
  .o-ranking__detail-item--built .o-ranking__detail-title {
    font-size: 14px;
    color: #000;
  }
  .o-ranking__detail-item--built .o-ranking__detail-title:before {
    color: #999;
  }
  .o-ranking__detail-item--built .o-ranking__detail-title:after {
    content: ":";
  }
  .o-ranking__detail-item--houses {
    display: inline-block;
  }
  /* .o-ranking__detail-item--houses:before {
    content: "繝ｻ";
  } */
  .o-ranking__detail-item--houses .o-ranking__detail-title {
    font-size: 14px;
    color: #000;
  }
  .o-ranking__detail-item--houses .o-ranking__detail-title:after {
    content: ":";
  }
  .o-ranking__offering-yield {
    display: block;
    margin: 4px 0 0;
  }
}

.a-sub-heading--middle{
  font-size: 20px;
}

/*NEW CSS 16/01/2024*/

.s-towermansion__title{
    align-items:center;
    border:1px solid #808080;
    cursor:pointer;
    padding: 15px;
    border-radius: 8px;
    transition: all .3s ease-in-out;
    margin-bottom:15px;
}

.s-towermansion__title:hover{
    opacity:0.7;
    text-decoration:none;
}

.s-towermansion__title-name{
    font-size:22px;
    border-bottom:none!important;
}

.s-towermansion__title-sub{
    font-size:18px;
    border-bottom:none!important;
}


@media only screen and (min-width: 769px) {
   .s-towermansion__title:hover .o-ranking__title-sub {
  border-bottom:none!important;
    }

.s-towermansion__title:hover .o-ranking__title-name {
  border-bottom:none!important;
    }
 
}

@media only screen and (max-width: 768px) {
.s-towermansion__title{
      display:flex;
      flex-wrap:wrap;
      padding: 5px 15px 15px;
    }
.s-towermansion__title-name{
    font-size:16px;
    margin-top:10px;
    margin-right:10px;
    }

.s-towermansion__title-sub{
    font-size:18px;
    margin-top:15px;
    padding-right:27px;
    margin-left:auto;
    margin-top:10px;
    }

.s-towermansion__title-sub:before{
    position:absolute;
    right:15px;
    }
}