@charset "utf-8";

.mapestate.is-map-hidden .property_card_wrap.list { width:100%; margin:0; padding:0; }
.contents_wrap { margin-bottom:80px; }
.input_send{font-size: 16px;}

.property_card .favorite-checkbox { display:inherit; position:absolute; top:10px; left:10px; z-index:2; width:24px; height:24px; transform-origin: top left; border:1px solid #bbb; }

.lead { width:100%; text-align:left; margin:0 0 80px 0;  }
@media (min-width:768px) {
  .lead { text-align:center; }


}
@media (max-width: 1024px) {
   .lead .inline_pc { display:none; }
}

#favoriteForm { width:100%; }
.favorite-actions { width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-bottom:40px;   flex-direction: column;
  align-items: flex-start;}
.favorite-actions div:nth-child(1) { width:100%; display:flex; align-items: center; justify-content: space-between; margin-bottom:20px; }
.favorite-actions div:nth-child(2) { width:auto; justify-content:initial;}
.favorite-actions .button { width:65%; line-height: 1.5;}
@media (min-width:768px) {
.favorite-actions {align-items:center; margin:0 0 40px 0; justify-content: initial; flex-direction: initial; }
.favorite-actions div {width:50%; display:flex; align-items:center;}
.favorite-actions .button { width:auto; margin-left:50px;  padding:0 25px; }

}

/* URL に history が含まれる場合は無効化 */
.is-history-page .property_card .favorite-checkbox {
  display:none;
}

/* ===== ページネーション ===== */
.pagenation_wrap { width:65%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:5px; margin-bottom:20px; gap:10px; }
.pagenation_wrap div { width:100%; }
.pagenation_wrap div:nth-child(2) {display:none; }
.pagenation_wrap div .pagination { width:100%; display:flex; gap:20px; justify-content:flex-end; }
.pagenation_wrap .results_count { font-size:20px; font-weight:bold; color:#FC5942;}
.pagenation_wrap div span {display:inline;  }
.pagenation_wrap div .pagination span { letter-spacing:0em; display:inline; }
.pagenation_wrap div .pagination a:hover { text-decoration:underline; }
.page-item.disabled { color:#ccc; }
@media (min-width:768px){ 
  .pagenation_wrap { margin-bottom:0;gap:0; justify-content: initial;}
  .pagenation_wrap .results_count { font-size:32px; font-weight:bold; color:#FC5942; padding:0 5px; letter-spacing:0.05em;} 
  .pagenation_wrap div .pagination span { letter-spacing:0.1em;  }
  .pagenation_wrap div { width:50%; display:flex; justify-content: center; }
  .pagenation_wrap div:nth-child(1) { justify-content:flex-start;}
  .pagenation_wrap div:nth-child(2) { display:flex; justify-content:end;}
  .pagenation_wrap.bottom { margin-bottom:80px; }
}

/*インプットボタン*/

/* ベース */
input[type="checkbox"] {appearance:none; -webkit-appearance:none; -moz-appearance:none; box-sizing:border-box; display:inline-block; width:28px; height:28px; border:1px solid #ccc; border-radius:6px; background:#fff; position:relative; vertical-align:middle; margin:0; line-height:1; outline:none;}
/* 中央のチェック（線で描く・中央固定） */
input[type="checkbox"]::after {content:""; position:absolute; left:50%; top:50%; width:10px; height:18px; border-right:3px solid #f00; border-bottom:3px solid #f00; transform:translate(-50%, -55%) rotate(45deg); opacity:0; pointer-events:none;}
/* チェック時：表示だけ切り替え（寸法は変えない） */
.favorite-actions input[type="checkbox"]:checked::after {opacity:1;top: 5px;left: 10px;}
.property_card input[type="checkbox"]:checked::after {opacity:1;top: 3px;left: 8px;}
/* 任意：フォーカス見やすく（位置は変えない） */
input[type="checkbox"]:focus-visible {outline:2px solid #4CC764; outline-offset:2px;}

/*消すときふわっと*/
.property_card { transition: opacity 0.3s ease, transform 0.3s ease; }
.property_card.is-removing { opacity: 0; transform: translateY(10px) scale(0.98); }

#favoriteForm { width:100%; }


@media (min-width:1024px){ 
.property_card_wrap.list .cards-grid{gap: 40px;display: flex;margin-bottom: 40px;flex-wrap: wrap;}
.property_card_wrap.list .cards-grid{grid-template-columns:none;}
.mapestate.is-map-hidden .property_card_wrap.list .property_card {width: calc(calc(100% - 80px) / 3)!important;}
.mapestate.is-map-hidden .property_card_wrap.list .bukken_photo{margin-bottom: 0px;}
}