@charset "utf-8";


@media (min-width:768px){
}


/* タイトル */
h1{font-size: 28px;line-height: 1.5;}
@media (min-width:900px){
  h1{font-size: 36px;}
  .detail_titles{border-bottom: 1px solid #DADADA;margin-top: 0;margin-bottom: 0;padding-bottom: 20px;margin-bottom: 20px;margin-top: 40px;}
}

/* パンくず */
.breadcrumb_list { display:flex; color:#000; top:170px; }
.breadcrumb_list li::before { background: url('/img/common/icon_arrow_left_b.svg') no-repeat center / contain; }

/* 全体 */
.detail_wrap{width: 90vw;margin: 0 auto;}
.detail_left form{margin-bottom: 60px;}
@media (min-width:900px){
  .detail_wrap{width: min(90vw,1320px);}
  .detail_left {width: min(57vw,830px);}
}


/* 固定検索バー */
.modal_contents li.area_sub{background: initial;}
.modal_contents li.area_sub a{padding: 10px 0;}
.search-tabs{margin: 0;}
.search-tabs{justify-content: initial;}
@media (min-width:768px){ 
  .search-tabs_wrap .contents{width: min(90vw,1320px);}
}

/* マンションがない時 */
.none_wrap{margin: 0 auto;width: min(90vw,1320px);margin-bottom: 40px;}
.none{margin-bottom: 20px;margin-top: 20px;}
.none_wrap .button{width: min(100%, 450px);}


/* ページネーション */
.pagenation_wrap { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:last baseline; margin-top:5px; margin-bottom:20px; gap:20px; }
.pagenation_wrap div { width:100%; }
.pagenation_wrap div .pagination { width:100%; display:flex; gap:20px; justify-content:space-between; }
.pagenation_wrap div .pagination .active { color:#FC5942; }
.pagenation_wrap .pagenation_results { 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; }
.pagenation_count { width:100%; padding:10px 0; background:#EDF5FD; border-radius:10px; text-align:center; }
.pagenation_count div { width:100%; display:block; }
.pagenation_count strong { color:#004680; font-size:18px; }
.pagenation_wrap_bottom{margin-bottom: 80px;}
@media (min-width:768px){ 
  .pagenation_wrap div .pagination {justify-content: flex-start;}
}
@media (min-width:1024px){ 
  .pagenation_wrap { width:97%; margin-bottom:20px;gap:0; }
  .pagenation_wrap .pagenation_results { font-size:32px; font-weight:bold; color:#FC5942; padding:0 5px; letter-spacing:0.05em;} 
  .pagenation_wrap div .pagination { justify-content:flex-end; }
  .pagenation_wrap div .pagination span { letter-spacing:0.1em;  }
  .pagenation_wrap div { width:auto; display:inline-block; }
  .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; }
  .pagenation_wrap div.pagenation_count { width: auto; background:none; text-align:left; }
  .pagenation_count strong { font-size:24px; }
  .pagenation_wrap_bottom{margin-bottom: 80px;}
}


/* 新着お知らせメール */
    .all_select{display: flex;align-items: center;gap: 10px;}
    .all_select input[type="checkbox"] {position: relative;z-index: 2;width: 24px;height: 24px;transform-origin: top left;border: 1px solid #bbb;-webkit-appearance: none;box-sizing: border-box;border-radius: 6px;background: #fff;vertical-align: middle;margin: 0;line-height: 1;outline: none;}
    .all_select input:checked {background-color: #FC5942;border-color: #FC5942;}
    .all_select input[type="checkbox"]:checked::after {content: "";position: absolute;top: 4px;left: 8px;width: 6px;height: 12px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
    .all_select input[type="checkbox"]:checked::after {opacity: 1;top: 3px;left: 8px;}
    .mail_register{display: flex;flex-direction: column;gap: 10px;margin-bottom: 20px;}
    .mail_register button{margin: 0;}
@media (min-width:900px){
    .mail_register{display: flex;flex-direction: row-reverse;align-items: center;gap:20px;margin-bottom: 30px;justify-content: flex-end;}
    .mail_register .input_send{margin: 0;}
}


/* カード */
    .mansion_sale_tag{background-color: #FC5942;color: white;font-size: 14px;width: 55px;text-align: center;line-height: 23px;font-weight: bold;margin-bottom: 5px;}
    .mansion-list_wrap{display: flex;gap: 30px;flex-direction: column;margin-bottom: 40px;}
    .mansion-list_contents_img img{width: 100%;aspect-ratio: 3 / 2;display: block;background-color: #f4f4f4;object-fit: cover;height: 220px;}
    .mansion-list{background-color: white;box-shadow: 5px 10px 20px rgba(145, 145, 145, 0.25);}
    .mansion-list_contents_imgs{position: relative;}
    .mansion-list_contents_imgs input[type="checkbox"] {position: absolute;top: 10px;left: 10px;z-index: 2;width: 24px;height: 24px;transform-origin: top left;border: 1px solid #bbb;-webkit-appearance: none;box-sizing: border-box;border-radius: 6px;background: #fff;vertical-align: middle;margin: 0;line-height: 1;outline: none;}
    .mansion-list_contents_imgs input:checked {background-color: #FC5942;border-color: #FC5942;}
    .mansion-list_contents_imgs input[type="checkbox"]:checked::after {content: "";position: absolute;top: 4px;left: 8px;width: 6px;height: 12px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
    .mansion-list_contents_imgs input[type="checkbox"]:checked::after {opacity: 1;top: 3px;left: 8px;}
    .mansion-list_contents_texts{padding: 20px 20px 10px 20px;}
    .mansion-list_contents_texts_name{font-size: 20px;font-weight: bold;border-bottom: 1px solid #888;padding-bottom: 5px;margin-bottom: 5px;text-align: justify;}
    .mansion-list_contents_texts_info{color: #888;line-height: 1.5;font-size: 16px;}
    .mansion-list_contents_texts_info span{font-size: 12px;margin-right: 5px;}
    .mansion-list_arrow{width: 30px;margin: 0 20px 15px 20px;margin-left: auto;}

    .mansion-list_arrow img{width: 100%;display: block;}

@media (min-width:600px){
   .mansion-list{width: 100%;}
    .mansion-list_contents{display: flex;flex-direction: row;align-items: center;gap: 20px;}
    .mansion-list_contents_img{width: min(30vw,450px);overflow: hidden;}
    .mansion-list:hover .mansion-list_contents_img img {transform: scale(1.1);}
    .mansion-list_contents_img img{width: 100%;transition: transform .4s ease;height: initial;}
    .mansion-list_contents_texts{width: min(55vw,500px);padding: 0;margin: 30px 0;}  
    .mansion-list_arrow{right: -10px;bottom: -21px;}
}
@media (min-width:900px){
    .mansion-list_contents_img{width: min(20vw,350px);}
    .mansion-list_contents_texts{width: min(31vw,400px);}  

}


/* 売り出し中物件 */
  .sale-info_title{background-color: #004680;text-align: center; font-weight: bold;font-size: 18px;padding: 10px 0;color: white;}
  .sale-list_price span{font-size: 28px;color: #FC5942;font-weight: bold;font-size: 32px;}
  .sale-list_price_img{margin: 20px;}
  .sale-list_price_img img{width: 100%;aspect-ratio: 3 / 2;display: block;background-color: #f4f4f4;object-fit: cover;background-color: white;object-fit: contain;}
  .sale-list_price_texts{margin: 0px 20px 20px 20px;}
  .sale-list_price_texts a{margin-top: 10px;}
  .sale-info{background-color: #EDF5FD;}
  .sale-list{padding: 20px 0px;border-bottom: 1px dashed#ccc;}
  .sale-list:last-child{border: none;}
  /* @media (min-width:500px){
    .sale-list{padding: 20px;}
    .sale-list_price_img{margin: 0;margin-bottom: 10px;}
    .button_normal{height: 60px;}
    .sale-list_price_texts{margin: 0;}
} */
@media (min-width:600px){
  .sale-list{display: flex;flex-direction: row;align-items: center;gap: 20px;padding: 20px;}
  .sale-list {gap: min(3vw,40px);width: min(80vw,700px);margin: 0px auto;border-bottom: 1px solid #DADADA;padding: 30px 0px;}
  .sale-list_price_img{width: min(30vw,350px);}
  .sale-list_price_texts{width: min(50vw,500px);margin: 0;}
}
@media (min-width:900px){
  .sale-list{width: min(50vw,700px);}
    .sale-list_price_img{width: min(20vw,350px);}
    .sale-list_price_texts{width: min(29vw,380px);}
}


/* 問い合わせ */
@media (min-width:900px){
  .detail_contact_title{font-size: min(1.8vw,22px);}
  .detail_contact_title{margin-bottom: 20px;}
  .detail_contact_text{margin-bottom: 10px;}
  .detail_contact_regist{border-bottom: 1px solid #DADADA;padding-bottom: 30px;margin-bottom: 20px;}
  .detail_right{margin-bottom: 40px;}
  .detail_contact_content{margin-bottom: 0px;}
}


/* スマホ固定お問合せ */
.detail_footer_wrap{width: 100%;}
.detail_footer_contents{width: auto;}
.detail_footer_wrap a{width: calc(100% / 2);}
.detail_footer_contents {width: auto;display: flex;flex-direction: row;justify-content: center;gap: 5px;padding: 11px 0;}
.detail_footer_text{font-size: 16px;}
.detail_footer_wrap{z-index: 2;}
@media (min-width:768px) {
}



/* =====固定フッター===== */
.reform_contact_sp_wrap { position: fixed; bottom: 0; left: 0; right: 0; width: 100vw; display: flex;justify-content: center;
flex-direction: row;gap: 15px;background: #2CB6F7;z-index: 10; }
.reform_contact_sp { position: relative; display: block; width: 100vw; height: 100%; }
.reform_contact_sp_text {padding: 18px 5vw;text-align: left;letter-spacing: 0.3vw;font-size: 14px;font-weight: bold;color: #FFF;line-height: 1.5;}
.reform_contact_sp_arrow { position: absolute; top: 0; right: 5vw; bottom: 0; margin: auto 0; width: 8px; }
.reform_contact_pc_wrap{display: none;}
.reform_contact_sp_wrap .mail_register{margin-bottom: 0px;gap: 0;}
.reform_contact_sp_wrap .input_send{font-size: min(5vw,15px);text-align: left;line-height: 1.5;border-radius: 0;}
.reform_contact_sp_wrap .input_send:hover{background: none;border: none;}
.reform_contact_sp_wrap img{width: min(20vw,83px);}
@media (min-width:900px) {
  .reform_contact_sp_wrap{display: none;}
}