@charset "UTF-8";

/* -----------------------------------------------------
共通
----------------------------------------------------- */
main .private_label {
  border: 1px solid var(--gray_color_light);
  padding: 0.2em 0.6em;
  width: fit-content;
  display: inline-block;
}

/* -----------------------------------------------------
一覧
----------------------------------------------------- */
.post_list_wrapper article > a {
  color: inherit;
  text-decoration: none;
  display: flex;
}

.post_list_wrapper .post_list {
  display: flex;
}

.post_list_wrapper article .category {
  border: var(--gray_color_light) 1px solid;
  background-color: var(--gray_color_super_light);
  padding: 0.45em 0.5em;
}
.post_list_wrapper article .category p {
  font-size: 1.3rem;
  width: fit-content;
  margin: 0 auto;
}

/* ----------------------
一覧 UAがスマホ or タブレット
---------------------- */
@media (max-width: 850px) {
  .ua_sp_tab .post_list_wrapper .horizontal_scroll:has(article + article) {
    width: 100vw;
    margin-left: -3.5vw;
    padding-bottom: 16px;
  }
  .ua_sp_tab .post_list_wrapper .horizontal_scroll:has(article + article) .post_list {
    display: flex;
    justify-content: normal;
    gap: 10px;
    flex-wrap: nowrap;
  }
  .ua_sp_tab .post_list_wrapper .horizontal_scroll:has(article + article) .post_list::before,
  .ua_sp_tab .post_list_wrapper .horizontal_scroll:has(article + article) .post_list::after {
    content: '';
    width: calc(3.5vw - 10px);
    flex-shrink: 0;
  }
  .ua_sp_tab .post_list_wrapper .horizontal_scroll:has(article + article) .post_list article {
    width: 280px;
    flex-shrink: 0;
  }
  .ua_sp_tab .post_list_wrapper.staff .horizontal_scroll:has(article + article) .post_list article {
    width: 210px;
  }
}
@media (max-width: 640px) {
  .ua_sp_tab .post_list_wrapper.staff .horizontal_scroll:has(article + article) .post_list article {
    width: 160px;
  }
}

/* -----------------------------------------------------
一覧：ソート、表示件数
----------------------------------------------------- */
#search_results_sort {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 8px 14px;
}

#search_results_sort .count {
  font-size: 2rem;
  line-height: 1;
}
#search_results_sort .count strong {
  font-size: 4rem;
  font-weight: bold;
  margin-right: 0.1em;
}

#search_results_sort .sort_posts_per_page,
#search_results_sort .sort,
#search_results_sort .posts_per_page {
  display: flex;
}
#search_results_sort .sort_posts_per_page {
  gap: 8px 20px;
}
#search_results_sort .sort,
#search_results_sort .posts_per_page {
  display: flex;
  align-items: center;
  gap: 8px;
}

#search_results_sort .sort_posts_per_page .text {
  font-weight: bold;
  font-size: 1.5rem;
}

@media (max-width: 640px) {
  #search_results_sort .sort_posts_per_page {
    flex-wrap: wrap;
  }
  #search_results_sort {
    margin-bottom: 16px;
  }
  #search_results_sort .count strong {
    font-size: 3.4rem;
  }
}

/* -----------------------------------------------------
詳細
----------------------------------------------------- */
.post_detail_wrapper .private_label {
  font-size: 1.8rem;
  margin-bottom: 0.3em;
}

.post_detail_wrapper header .date_category {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.post_detail_wrapper header .date {
  font-size: 1.8rem;
  color: var(--gray_color);
  letter-spacing: 0.05em;
}

.post_detail_wrapper header .category {
  max-width: 50%;
}

.post_detail_wrapper header .category a {
  text-decoration: none;
  display: block;
  width: fit-content;
  font-size: 1.4rem;
  padding: 0.45em 1em;
  background-color: var(--gray_color_dark);
  color: #fff;
  line-height: 1.5;
}

.post_detail_wrapper header .category a:hover {
  background-color: #4e4e4e;
}
.post_detail_wrapper header h1.title {
  font-size: 3.4rem;
  margin: 0;
}

.post_detail_wrapper .entry_content {
  margin-top: 26px;
}
.post_detail_wrapper footer {
  margin-top: 60px;
}
.post_detail_wrapper footer .back_to_list {
  text-align: center;
}
.post_detail_wrapper footer .back_to_list a {
  width: 15em;
}

@media (max-width: 767px) {
  .post_detail_wrapper footer {
    margin-top: 40px;
  }
}

/* -----------------------------------------------------
ループコンテンツ
----------------------------------------------------- */
.loop_content + .loop_content {
  margin-top: 40px;
}
.loop_content.only_naiyo + .loop_content.only_naiyo {
  margin-top: 34px;
}

.loop_content.both .wrap_img_naiyo {
  display: flex;
  gap: 5%;
}

.loop_content .wrap_img {
  display: flex;
}
.loop_content.both .wrap_img {
  flex-flow: column;
  gap: 24px;
  width: 33%;
  flex-shrink: 0;
}
.loop_content.only_img .wrap_img.count_2,
.loop_content.only_img .wrap_img.count_3 {
  justify-content: space-between;
}
.loop_content.only_img .wrap_img.count_1 .img {
  width: 100%;
}
.loop_content.only_img .wrap_img.count_2 .img {
  width: 47.5%;
}
.loop_content.only_img .wrap_img.count_3 .img {
  width: 31.5%;
}
.loop_content .wrap_img .img img {
  width: 100%;
}
.loop_content.both .naiyo {
  flex: 1;
}

@media (max-width: 767px) {
  .loop_content + .loop_content {
    margin-top: 34px;
  }
  .loop_content.both .wrap_img_naiyo {
    flex-flow: column;
    gap: 20px;
  }
  .loop_content.both .wrap_img {
    width: 100%;
  }
}

/* -----------------------------------------------------
物件かんたん検索
----------------------------------------------------- */
.wrap_kantan_search .element {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px 0;
}
.wrap_kantan_search .element p {
  cursor: pointer;
  border: 1px solid var(--gray_color_light);
  background-color: #fff;
  padding: 14px 24px 14px 14px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYXJyb3dfaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMiA3Ij48cG9seWxpbmUgcG9pbnRzPSIxLDEgNiw2IDExLDEiIHN0cm9rZT0iIzFkMWQxZCIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiAvPjwvc3ZnPg==');
  background-size: 10px auto;
  background-position: right 8px center;
  background-repeat: no-repeat;
  width: 49%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}
.wrap_kantan_search .element p:hover,
.wrap_kantan_search.open .element p.active {
  border-color: var(--gray_color);
}

.wrap_kantan_search.open .kantan_search_form {
  position: relative;
}
.wrap_kantan_search .kantan_search_form_inner,
.wrap_kantan_search .kantan_search_form button.select,
.wrap_kantan_search .search_form_box .detail_bt {
  position: absolute;
}
.wrap_kantan_search .kantan_search_form button.select,
.wrap_kantan_search .search_form_box .detail_bt {
  left: 0;
}
.wrap_kantan_search .kantan_search_form_inner {
  padding-top: 40px;
  padding-bottom: 42px;
}
.wrap_kantan_search .kantan_search_form_inner .header {
  height: 40px;
}
.wrap_kantan_search .kantan_search_form_inner {
  width: 49%;
  border: 2px solid var(--black_color);
  background-color: #fff;
  z-index: 3;
}

.wrap_kantan_search .kantan_search_form_inner .header {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 14px;
  background-color: var(--gray_color_super_light);
}
.wrap_kantan_search .kantan_search_form_inner .midashi {
  font-size: 1.5rem;
  font-weight: bold;
}
.wrap_kantan_search .kantan_search_form_inner .close {
  display: block;
  position: absolute;
  top: 7px;
  right: 7px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.wrap_kantan_search .kantan_search_form_inner .close::before,
.wrap_kantan_search .kantan_search_form_inner .close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 15px;
  background-color: var(--black_color);
}
.wrap_kantan_search .kantan_search_form_inner .close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.wrap_kantan_search .kantan_search_form_inner .close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.wrap_kantan_search .kantan_search_form_inner_2 {
  overflow: auto;
  max-height: 250px;
  padding: 20px;
}

.wrap_kantan_search .kantan_search_form button.select,
.wrap_kantan_search .search_form_box .detail_bt {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
}
.wrap_kantan_search .kantan_search_form button.select,
.wrap_kantan_search .search_form_box .detail_bt button {
  border: none;
  width: 100%;
  max-width: none;
  padding: 0;
  letter-spacing: normal;
  color: #fff;
  font-size: 1.4rem;
  height: 42px;
  border-radius: 0;
}
.wrap_kantan_search .kantan_search_form button.select {
  letter-spacing: 0.3em;
  background-color: var(--gray_color_dark);
}
.wrap_kantan_search:has(.area.active) .kantan_search_form button.select,
.wrap_kantan_search:has(.traffic.active) .kantan_search_form button.select {
  left: auto;
  right: 0;
  width: 50%;
}
.wrap_kantan_search .search_form_box .detail_bt {
  width: 50%;
  margin-top: 0;
}
.wrap_kantan_search .search_form_box .detail_bt button {
  background-color: var(--gray_color);
}
.wrap_kantan_search .search_form_box .search_box_filter .wrap_primary_filter .inner {
  border: none;
}

.wrap_kantan_search .search_form_box .search_box_main,
.wrap_kantan_search .search_form_box .search_box_main h3,
.wrap_kantan_search .search_form_box .search_box_filter h3,
.wrap_kantan_search .search_form_box .search_box_filter dl,
.wrap_kantan_search .search_form_box .search_filter_delete,
.wrap_kantan_search .search_form_box .search_box_filter .wrap_conditions_filter {
  display: none;
}
.wrap_kantan_search .search_form_box .search_box_main {
  margin-bottom: 2px;
}
.wrap_kantan_search .search_form_box .search_box_main,
.wrap_kantan_search .search_form_box .detail_hide li.level_2_list > label,
.wrap_kantan_search .search_form_box li.level_3_list label {
  font-size: 1.4rem;
}
.wrap_kantan_search .search_form_box .search_box_filter .wrap_filter {
  display: block;
}

.wrap_kantan_search .search_form_box .search_box_main.kantan_show {
  display: block;
}
.wrap_kantan_search .search_form_box .search_box_filter dl.kantan_show {
  display: block;
  border: none;
  padding: 0;
}
.wrap_kantan_search .search_form_box .search_box_filter dl dt {
  display: none;
}
.wrap_kantan_search .search_form_box .search_box_filter dl dd {
  width: 100%;
}
.wrap_kantan_search.free_text_show .search_form_box .search_box_filter dl.free_txt {
  display: block;
  border: none;
  padding: 0;
}
.wrap_kantan_search:has(.element) .search_form_box .search_box_filter dl.free_txt {
  margin-top: 12px;
}
.wrap_kantan_search .search_form_box .search_box_filter dl.free_txt dt {
  display: none;
}
.wrap_kantan_search .search_form_box .search_box_filter dl.free_txt dd {
  width: 100%;
}
.wrap_kantan_search .search_form_box li.level_1_list {
  padding-bottom: 16px;
}
.wrap_kantan_search .search_form_box .detail_show li.level_1_list.selected {
  border-bottom: none;
  padding-bottom: 0;
}
.wrap_kantan_search .search_form_box .detail_show li.level_1_list.selected + li.level_1_list.selected {
  margin-top: 20px;
}
.wrap_kantan_search .search_form_box .detail_hide li.level_1_list + li.level_1_list {
  margin-top: 18px;
}
.wrap_kantan_search .search_form_box li.level_1_list:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.wrap_kantan_search .search_form_box .detail_show li.level_1_list > label {
  display: block;
  border-bottom: 1px solid var(--black_color);
}
.wrap_kantan_search .search_form_box .detail_hide ul.level_2,
.wrap_kantan_search .search_form_box .detail_show ul.level_3 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px 2% !important;
  padding-left: 4px;
}
.wrap_kantan_search .search_form_box .detail_hide ul.level_2,
.wrap_kantan_search .search_form_box ul.level_3 {
  margin-top: 6px;
}
.wrap_kantan_search .search_form_box .detail_show ul.level_2 {
  margin-top: 10px;
  gap: 18px 2% !important;
}
.wrap_kantan_search .search_form_box .search_box_filter dl dd ul {
  gap: 6px 1% !important;
}
.wrap_kantan_search .search_form_box .search_box_filter dl dd ul > li {
  width: 32.6%;
}
.wrap_kantan_search .search_form_box .search_box_filter dl.madori_type dd ul > li,
.wrap_kantan_search .search_form_box .search_box_filter dl.toho dd ul > li {
  width: 24.2%;
}
.wrap_kantan_search .wide_click_area > li > label,
.wrap_kantan_search label.wide_click_area_single {
  display: inline;
  border: none;
  padding: 0;
  background-color: transparent;
}
.wrap_kantan_search .search_form_box input + span {
  line-height: 1.3;
}
.wrap_kantan_search .wide_click_area > li > label input[type='checkbox'] + span,
.wrap_kantan_search label.wide_click_area_single input[type='checkbox'] + span {
  padding-left: 19px;
  padding-top: 0;
}
.wrap_kantan_search .wide_click_area > li > label input[type='checkbox'] + span::after,
.wrap_kantan_search label.wide_click_area_single input[type='checkbox'] + span::after {
  top: 5px;
  bottom: auto;
  left: 0;
  width: 12px;
  height: 7px;
}
.wrap_kantan_search .wide_click_area > li > label input[type='checkbox']:checked + span::after,
.wrap_kantan_search label.wide_click_area_single input[type='checkbox']:checked + span::after {
  border-color: var(--black_color);
}
body.form_color_radio_checkbox_main .wrap_kantan_search .wide_click_area > li > label input[type='checkbox']:checked + span::after,
body.form_color_radio_checkbox_main .wrap_kantan_search label.wide_click_area_single input[type='checkbox']:checked + span::after {
  border-color: var(--main_color);
}

.wrap_kantan_search .search_form_box .search_box_filter .large_input_mark > li > label input[type='checkbox'] + span,
.wrap_kantan_search .search_form_box .search_box_filter .large_input_mark > li > label input[type='radio'] + span {
  padding-top: 0;
}

.wrap_kantan_search .large_input_mark > li > label input[type='checkbox'] + span::before,
.wrap_kantan_search .large_input_mark > li > label input[type='radio'] + span::before,
.wrap_kantan_search label.large_input_mark_single input[type='checkbox'] + span::before,
.wrap_kantan_search label.large_input_mark_single input[type='radio'] + span::before {
  top: 0;
  width: 18px;
  height: 18px;
}
.wrap_kantan_search .large_input_mark > li > label input[type='checkbox'] + span::after,
.wrap_kantan_search label.large_input_mark_single input[type='checkbox'] + span::after {
  top: 6px;
  left: 5px;
  width: 9px;
  height: 5px;
}
.wrap_kantan_search .large_input_mark > li > label input[type='radio'] + span::after,
.wrap_kantan_search .large_input_mark > li > label input[type='radio']:checked + span::after,
.wrap_kantan_search label.large_input_mark_single input[type='radio'] + span::after,
.wrap_kantan_search label.large_input_mark_single input[type='radio']:checked + span::after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
}
.wrap_kantan_search .large_input_mark > li > label input[type='checkbox'] + span,
.wrap_kantan_search .large_input_mark > li > label input[type='radio'] + span,
.wrap_kantan_search label.large_input_mark_single input[type='checkbox'] + span,
.wrap_kantan_search label.large_input_mark_single input[type='radio'] + span {
  padding-left: 25px;
}
.wrap_kantan_search .wide_click_area > li > label:has(input[type='checkbox']:checked),
.wrap_kantan_search label.wide_click_area_single:has(input[type='checkbox']:checked),
body.form_color_radio_checkbox_main .wrap_kantan_search .wide_click_area > li > label:has(input[type='checkbox']:checked),
body.form_color_radio_checkbox_main .wrap_kantan_search label.wide_click_area_single:has(input[type='checkbox']:checked) {
  background-color: transparent;
  border-color: var(--black_color);
  color: inherit;
}

.kantan_search .search_form_box .search_form_submit_area {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 30px;
  position: static;
  height: auto;
  background-color: transparent;
  border-top: none;
}
@media (max-width: 900px) {
  .wrap_kantan_search .search_form_box .detail_hide li.level_2_list,
  .wrap_kantan_search .search_form_box li.level_3_list {
    width: 48%;
  }
  .wrap_kantan_search .search_form_box .search_box_filter dl dd ul > li {
    width: 49%;
  }
  .wrap_kantan_search .search_form_box .search_box_filter dl.madori_type dd ul > li,
  .wrap_kantan_search .search_form_box .search_box_filter dl.toho dd ul > li {
    width: 32.6%;
  }
}

@media (max-width: 767px) {
  .wrap_kantan_search .element {
    flex-flow: column;
    gap: 12px;
  }
  .wrap_kantan_search .element p {
    width: 100%;
  }
  .wrap_kantan_search .kantan_search_form_inner {
    width: 100%;
  }
  .wrap_kantan_search .search_form_box .detail_hide li.level_2_list,
  .wrap_kantan_search .search_form_box li.level_3_list {
    width: 32%;
  }
  .wrap_kantan_search .search_form_box .search_box_filter dl dd ul > li {
    width: 24.2%;
  }
  .wrap_kantan_search .search_form_box .search_box_filter dl.madori_type dd ul > li,
  .wrap_kantan_search .search_form_box .search_box_filter dl.toho dd ul > li {
    width: 19.2%;
  }
  .wrap_kantan_search .search_form_box .search_box_filter dl dd {
    padding: 0;
  }
  .wrap_kantan_search .large_input_mark > li > label input[type='checkbox'] + span,
  .wrap_kantan_search .large_input_mark > li > label input[type='radio'] + span,
  .wrap_kantan_search label.large_input_mark_single input[type='checkbox'] + span,
  .wrap_kantan_search label.large_input_mark_single input[type='radio'] + span {
    padding-top: 0;
  }
  .kantan_search .search_form_box .search_form_submit_area {
    margin-top: 20px;
  }
}
@media (max-width: 640px) {
  .wrap_kantan_search .search_form_box .detail_hide li.level_2_list,
  .wrap_kantan_search .search_form_box li.level_3_list {
    width: 48%;
  }
  .wrap_kantan_search .search_form_box .search_box_filter dl.bukken_type dd ul > li,
  .wrap_kantan_search .search_form_box .search_box_filter dl.chikunengetsu dd ul > li {
    width: 49%;
  }
  .wrap_kantan_search .search_form_box .search_box_filter dl.madori_type dd ul > li,
  .wrap_kantan_search .search_form_box .search_box_filter dl.toho dd ul > li {
    width: 32.6%;
  }
}

/* -----------------------------------------------------
お気に入り
----------------------------------------------------- */
.wrap_favorite .favorite_button {
  display: none;
}
.wrap_favorite.not_favorited .favorite_button.add_favorite,
.wrap_favorite.favorited .favorite_button.remove_favorite {
  display: flex;
}
.wrap_favorite .favorite_button .icon {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.wrap_favorite .favorite_button .text {
  font-size: 1.3rem;
  line-height: 1;
}
/* ボタンタイプ */
.wrap_favorite.button_type .favorite_button {
  align-items: center;
  gap: 3px;
  padding: 0.45em 0.5em;
}

.wrap_favorite.button_type .favorite_button.add_favorite {
  border: 1px solid var(--gray_color_light);
  background-color: #fff;
}

.wrap_favorite.button_type .favorite_button.add_favorite:hover {
  border-color: var(--gray_color);
}
.wrap_favorite.button_type .favorite_button.remove_favorite {
  border: 1px solid var(--favorite_button_color);
  background-color: var(--favorite_button_color);
}
.wrap_favorite.button_type .favorite_button .icon {
  font-size: 17px;
}

.wrap_favorite.button_type .favorite_button.add_favorite .icon {
  color: var(--favorite_button_color);
}

/* アイコンタイプ */
.wrap_favorite.icon_type .favorite_button {
  flex-flow: column;
  align-items: center;
  background-color: transparent;
  width: fit-content;
}
.wrap_favorite.icon_type .favorite_button.add_favorite .icon {
  color: var(--gray_color_light);
}
.wrap_favorite.icon_type .favorite_button.remove_favorite .icon {
  color: var(--favorite_button_color);
}

/* アイコンタイプ 大 */
.wrap_favorite.icon_type.large .favorite_button {
  padding-bottom: 10px;
}
.wrap_favorite.icon_type.large .favorite_button .icon {
  font-size: 57px;
}
/* アイコンタイプ 小 */
.wrap_favorite.icon_type.small .favorite_button .icon {
  font-size: 38px;
}

@media (max-width: 640px) {
  /* ボタンタイプ */
  .wrap_favorite.button_type {
    position: absolute;
    top: 0;
    right: 0;
    visibility: visible;
  }
  .wrap_favorite.button_type .favorite_button.remove_favorite,
  .wrap_favorite.button_type .favorite_button.add_favorite {
    background-color: transparent;
    border: none;
    padding: 0;
    width: 46px;
    height: 36px;
    justify-content: center;
    gap: normal;
  }
  .wrap_favorite.button_type .favorite_button .icon {
    font-size: 32px;
  }

  .wrap_favorite.button_type .favorite_button.add_favorite .icon {
    color: var(--gray_color_light);
  }
  .wrap_favorite.button_type .favorite_button.remove_favorite .icon {
    color: var(--favorite_button_color);
  }
  .wrap_favorite.button_type .favorite_button .text {
    display: none;
  }
  /* アイコンタイプ 大 */
  .wrap_favorite.icon_type.large .favorite_button .icon {
    font-size: 50px;
  }
  .wrap_favorite.icon_type.large .favorite_button .text {
    font-size: 1.2rem;
  }
}