@charset "UTF-8"; /* CSS Document */ /* システムのページはパンくずリンクがおかしいのでリンクを無効化 */ .navi a:nth-child(n + 3) { pointer-events: none; text-decoration: none; } /* 基本-モバイルファースト ======================================================================================================== */ #google_map { margin-bottom: 40px; } #google_map > div { /* ラフ用 */ height: 250px; display: flex; align-items: center; justify-content: center; } .fixed_banner { width: 35%; max-width: 200px; position: fixed; bottom: 0; right: 0; z-index: 9999; } .fixed_banner .close { display: block; background-color: #999; color: #fff; width: 30px; height: 30px; display: grid; place-items: center; text-align: center; position: absolute; top: -30px; right: 0; cursor: pointer; } .search_parts { margin-bottom: 20px; } .search_parts .search_conditions { border: solid 1px #ddd; padding: 10px; position: relative; } .search_parts .search_conditions em { display: block; color: #b3203a; } .search_parts .accordion .accordion_title { background-color: #b3203a; color: #fff; padding: 10px; text-align: center; position: relative; } .search_parts .accordion .accordion_title::after { content: ""; width: 10px; height: 10px; position: absolute; top: 0; bottom: 0; right: 13px; margin: auto 0; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); transition: all 0.2s ease; } .search_parts .accordion .accordion_title.open::after { transform: rotate(-135deg); } .search_parts .accordion dd { display: none; } .search_parts .accordion dd iframe { width: 100%; height: 300px; } .search_parts .accordion .research_link { display: block; } /* .search_parts .accordion .research_link::before{ content: "\691C\7D22\6761\4EF6\3092\5909\66F4\3059\308B"; } */ .search_parts .accordion #research { } .search_parts .accordion #research table.serchTbl { border-top: none; border-bottom: none; margin: 0; } .search_btn_box { border: solid 1px #ddd; border-top: none; padding: 20px; margin: 0; } .cap { color: #b3203a; } .list_count { } .list_count .search_result_list_count, .list_count .total_count_member { font-size: 18px; font-weight: bold; color: #b3203a; } .go_member_regist { display: none; } .search_parts_sort { margin-bottom: 20px; } .all_detail_view, .all_detail_view_under { display: none; } .template_list_article { margin-bottom: 20px; } .template_list_article .icon { display: flex; flex-wrap: wrap; } .template_list_article .type { display: inline-block; vertical-align: middle; text-align: center; font-size: 10px; line-height: 20px; background-color: #ddd; min-width: 60px; height: 20px; border-radius: 5px 5px 0 0; padding: 0 5px; } .template_list_article .icon img { display: inline-block; vertical-align: middle; height: 20px; margin-left: 5px; border-radius: 5px 5px 0 0; } .template_list_article .icon img:first-child { margin-left: 0; } .template_list_article .box { border: solid 1px #ddd; padding: 10px; margin: 0 -2.5vw; } .template_list_article .photo { text-align: center; margin-bottom: 10px; } .template_list_article .photo a { display: block; text-decoration: none; } .template_list_article .photo .bxslider img { /* max-height: 65vw; */ aspect-ratio: 4/3; object-fit: contain; } .template_list_article .photo .bx-wrapper { margin-bottom: 10px; } .template_list_article .slider_tm img { aspect-ratio: 4/3; object-fit: contain; } .template_list_article .bx-wrapper .bx-controls-direction a { margin-top: -20px; border-radius: 0; } .template_list_article .bx-wrapper .bx-controls-direction a.bx-prev { left: 0; } .template_list_article .bx-wrapper .bx-controls-direction a.bx-next { right: 0; } .template_list_article .madori { max-width: 100%; text-align: center; border: solid 1px #eee; margin-bottom: 10px; } .template_list_article .madori img { aspect-ratio: 4/3; object-fit: contain; } .template_list_article .text { } .template_list_article .name { font-size: 20px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .template_list_article .price { color: #b3203a; font-size: 30px; line-height: 1.4; font-weight: bold; } .template_list_article .price .price_unit { font-size: 20px; } .template_list_article .outline { display: flex; flex-wrap: wrap; font-size: 12px; } .template_list_article .outline dt { background-color: #eee; line-height: 1; padding: 5px; margin-top: 10px; text-align: center; white-space: nowrap; width: calc(4em + 10px); } .template_list_article .outline dd { line-height: 25px; margin-top: 10px; padding-left: 10px; } .template_list_article .outline dd.full { width: calc(100% - 4em - 10px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .template_list_article .outline dd.half { width: calc((100% - 4em - 10px - 4em - 10px) / 2); } .template_list_article .setsubi_icon { display: flex; flex-wrap: wrap; margin-top: 10px; } .template_list_article .setsubi_icon li { width: 19%; margin-left: 1.25%; } .template_list_article .setsubi_icon li:nth-child(5n-4) { margin-left: 0; } .template_list_article .detail_btn { margin-top: 20px; } .template_list_article .detail_btn a { display: grid; place-content: center; text-align: center; height: 40px; position: relative; } .template_list_article .detail_btn a::after { content: ""; display: block; width: 100%; height: 100%; background-color: #b3203a; position: absolute; right: 0; bottom: 0; z-index: -1; } .template_list_article .detail_btn a p { color: #fff; font-size: 16px; display: block; position: relative; z-index: 10; } .template_list_article .mylist_btn { margin-top: 10px; } .template_list_article .mylist_btn a { border: solid 1px #ddd; display: grid; place-content: center; text-align: center; height: 40px; } .template_list_article .mylist_btn img { height: 25px; } /* 未公開物件 */ /* .mikoukai_img { background-color: #FFF; border: solid 2px #cc9933; margin-bottom: 10px; } .mikoukai_img a { display: block; background-image: url(../images/mikoukai_list_bg-sp.gif); background-repeat: no-repeat; background-position: center top; background-size: auto 100%; width: 100%; height: 555px; display: flex; align-items: center; justify-content: center; } */ /* 2025/12/18 追記 */ .search_member_notice { padding-top: 20px; } /* 2026/06/24 追記 */ #search_result_inner .search_parts .search_conditions span { font-weight: 600; } /* #search_result_inner .search_parts .search_conditions span:not(:first-of-type):not(:last-of-type) { margin-left: 10px; } */ /* スマホのみ======================================================================================================== */ @media screen and (max-width: 820px) { .search_parts_sort > span { display: block; } figure.madori { display: none; } } /* PCのみ======================================================================================================== */ @media print and (min-width: 821px), screen and (min-width: 821px) { #google_map { margin-bottom: 80px; } #google_map > div { height: 500px; } .contents_size#search_result { /* width: 1100px; */ margin-right: auto; margin-left: auto; } .search_parts .search_conditions b { font-size: 18px; } .search_parts .accordion .accordion_title:hover { cursor: pointer; } .search_parts .accordion dd iframe { width: 100%; height: 735px; /* 500px */ } .template_list_article { margin-bottom: 60px; } .template_list_article .type { font-size: 14px; line-height: 25px; min-width: 100px; height: 25px; margin-left: 10px; } .template_list_article .icon img { height: 25px; } .template_list_article .box { padding: 20px; margin: 0; display: grid; grid-template-columns: 320px 320px auto; position: relative; } .template_list_article .photo { grid-area: 1 / 1 / 3 / 2; } .template_list_article .madori { grid-area: 1 / 2 / 2 / 3; } .template_list_article .text { grid-area: 1 / 3 / 2 / 4; } .template_list_article .setsubi_icon { grid-area: 2 / 2 / 3 / 4; } .template_list_article .photo { width: 300px; height: 225px; margin-bottom: 0; } .template_list_article .photo .bxslider img { max-width: 300px; max-height: 225px; } .template_list_article .bx-wrapper .bx-controls-direction a { margin-top: -15px; width: 30px; height: 30px; } .bx-wrapper .bx-controls-direction a::before { width: 10px; height: 10px; } .bx-wrapper .bx-controls-direction a.bx-prev::before { left: 10px; } .bx-wrapper .bx-controls-direction a.bx-next::before { right: 10px; } .bx-wrapper .bx-controls-direction a:hover { background-color: rgba(0, 0, 0, 0.8); } .bx-wrapper .bx-controls-direction a.bx-prev:hover::before { left: 5px; } .bx-wrapper .bx-controls-direction a.bx-next:hover::before { right: 5px; } .template_list_article .madori { width: 300px; height: 225px; margin: 0; box-sizing: content-box; } .template_list_article .madori img { max-width: 300px; max-height: 225px; } .template_list_article .name { font-size: 24px; } .template_list_article .price { font-size: 40px; line-height: 1.1; } .template_list_article .price .price_unit { font-size: 30px; } .template_list_article .setsubi_icon li { width: 50px; margin-left: 10px; } .template_list_article .setsubi_icon li:nth-child(5n-4) { margin-left: 10px; } .template_list_article .setsubi_icon li:first-child { margin-left: 0px; } .template_list_article .setsubi_icon li img { max-width: 100%; height: auto; } .template_list_article .detail_btn { position: absolute; right: 0; bottom: 0; } .template_list_article .detail_btn a { display: block; width: 90px; height: 90px; } .template_list_article .detail_btn a::after { height: 90px; width: 90px; clip-path: polygon(100% 0, 100% 100%, 0 100%); transition: all 0.2s ease; } .template_list_article .detail_btn a:hover::after { height: 120px; width: 120px; } .template_list_article .detail_btn a p { position: absolute; right: 1em; bottom: 1em; } .template_list_article .mylist_btn a { border-radius: 5px 5px 0 0; border-bottom: none; height: 25px; overflow: hidden; position: absolute; top: -26px; right: 10px; } .template_list_article .mylist_btn a:hover { border-color: #b3203a; } .template_list_article .mylist_btn img { border-radius: 5px 5px 0 0; } /* 未公開物件 */ /* .mikoukai_img { margin-bottom: 20px; } .mikoukai_img a { background-image: url(../images/mikoukai_list_bg-pc.gif); height: 420px; } .mikoukai_img a:hover { opacity: 0.8; } */ .search_parts_sort > span:nth-child(n + 2) { margin-left: 1em; } /* 2025/12/16 追記 */ ul.setsubi_icon { height: 75px; } h3.name.font_design { overflow-wrap: break-word; word-break: break-word; white-space: normal; } } /* 2026/06/29 追記 */ /* iPad mini / iPad Air 縦はスマホ用ヘッダー扱いにする ======================================================================================================== */ /* @media screen and (max-width: 820px) { .contents_size#search_result { width: 100%; } } */ @media screen and (min-width: 751px) and (max-width: 820px) { /* iPadだけの調整 */ .template_list_article .setsubi_icon li { width: 9%; margin-left: .8%; } .template_list_article .setsubi_icon li:nth-child(5n-4) { margin-left: .8%; } }