@charset "UTF-8"; /* 物件一覧 */ #property-order-list { padding: 52px 0 0; } #property-order-list .property-order-filter { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0.5em; margin: 0; border-bottom: 2px solid #55c9da; padding: 10px 0.5em; } #property-order-list .property-order-filter .filter-items1 { margin: 0 4px 0 0; flex-grow: 1; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } #property-order-list .property-order-filter .filter-items1 .search-form { display: flex; flex-direction: row; flex-wrap: wrap; flex: 1 1 auto; justify-content: flex-start; } #property-order-list .property-order-filter .filter-items1 .search-form input { flex: 1 1 auto; display: block; height: 40px; margin: 0; border: 1px solid #777777; padding: 0 0.5em; font-size: 16px; } #property-order-list .property-order-filter .filter-items1 .search-form input { border-radius: 0.3rem 0 0 0.3rem; } #property-order-list .property-order-filter .filter-items1 .search-form input:-ms-input-placeholder, #property-order-list .property-order-filter .filter-items1 .search-form input::-ms-input-placeholder, #property-order-list .property-order-filter .filter-items1 .search-form input::placeholder { color: #bbbbbb; } #property-order-list .property-order-filter .filter-items1 .search-form button { flex: 0 0 40px; height: 40px; margin: 0; border: 1px solid #777777; background: none; background-color: #34495e; text-align: center; } #property-order-list .property-order-filter .filter-items1 .search-form button { border-radius: 0 0.3rem 0.3rem 0; } #property-order-list .property-order-filter .filter-items1 .search-form button span { color: #ffffff; font-size: 22px; line-height: 38px; } #property-order-list .property-order-filter .filter-items1 .order-num { flex: 0 0 60px; height: 40px; line-height: 38px; text-align: right; } #property-order-list .property-order-filter .filter-items2 { display: flex; flex-grow: 1; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 0.5em; margin: 0; } #property-order-list .property-order-filter .filter-items2 .filter-period { flex: 1 1 auto; white-space: nowrap; line-height: 2.5rem; text-align: left; border-radius: 0.3rem; cursor: pointer; } #property-order-list .property-order-filter .filter-items2 .filter-period { display: flex; flex-direction: row; flex-wrap: wrap; flex: 1 1 auto; height: 40px; margin: 0; border: 1px solid #777777; padding: 0 0.5em; font-size: 16px; background-color: #ffffff; } #property-order-list .property-order-filter .filter-items2 .filter-period span:first-child { flex: 0 0 auto; text-align: left; } #property-order-list .property-order-filter .filter-items2 .filter-period span:nth-child(2) { flex: 1 1 auto; text-align: left; } #property-order-list .property-order-filter .filter-items2 .filter-period span:nth-child(3) { line-height: 30px; } #property-order-list .property-order-filter .filter-items2 .filter-status { flex: 0 0 auto; white-space: nowrap; line-height: 2.5rem; text-align: left; border-radius: 0.3rem; cursor: pointer; } #property-order-list .property-order-filter .filter-items2 .filter-status { display: flex; flex-direction: row; flex-wrap: wrap; flex: 1 1 auto; height: 40px; margin: 0; border: 1px solid #777777; padding: 0 0.5em; font-size: 16px; background-color: #ffffff; } #property-order-list .property-order-filter .filter-items2 .filter-status span:first-child { flex: 0 0 auto; text-align: left; } #property-order-list .property-order-filter .filter-items2 .filter-status span:nth-child(2) { flex: 1 1 auto; text-align: left; } #property-order-list .property-order-filter .filter-items2 .filter-status span:nth-child(3) { line-height: 30px; } #property-order-list .property-order-filter .filter-items2 .sort-item { flex: 0 0 auto; white-space: nowrap; line-height: 2.5rem; text-align: left; border-radius: 0.3rem; cursor: pointer; } #property-order-list .property-order-filter .filter-items2 .sort-item { display: flex; flex-direction: row; flex-wrap: wrap; flex: 0 0 auto; gap: 0.2em; height: 40px; margin: 0; border: none; padding: 0 0.5em; font-size: 16px; } #property-order-list .property-order-filter .filter-items2 .sort-item span:first-child { text-align: right; line-height: 40px; } #property-order-list .property-order-filter .filter-items2 .sort-item span:nth-child(2) { text-align: right; } #property-order-list .property-order-filter .filter-items2 .order-num { height: 40px; line-height: 40px; text-align: right; white-space: nowrap; } #property-order-list .orders { margin: 0; padding: 5px 0 0; } #property-order-list .orders .norecords { margin: 0; padding: 10px 10px; border: none; color: #555555; font-size: 14px; line-height: 20px; } #property-order-list .orders .listheader { margin: 10px 0 0 0; padding: 0 0.5rem; text-align: right; } #property-order-list .orders .listheader .ordercount { line-height: 1rem; font-size: 14px; } #property-order-list .orders .order-info { margin: 0.5rem 0.5rem 0.5rem 1rem; border: none; border-left: 8px solid #ffffff; padding: 10px 10px; background-color: #ffffff; cursor: pointer; border-radius: 0.5rem 0 0 0.5rem; } #property-order-list .orders .order-info.tmpsave { border-color: var(--bgcolor_order_status00); } #property-order-list .orders .order-info.waiting { border-color: var(--bgcolor_order_status01); } #property-order-list .orders .order-info.answered { border-color: var(--bgcolor_order_status10); } #property-order-list .orders .order-info.inspwait { border-color: var(--bgcolor_order_status60); } #property-order-list .orders .order-info.inspcomp { border-color: var(--bgcolor_order_status70); } #property-order-list .orders .order-info.remand { border-color: var(--bgcolor_order_status90); } #property-order-list .orders .order-info.takeback { border-color: var(--bgcolor_order_status91); } #property-order-list .orders .order-info.cancel { border-color: var(--bgcolor_order_status99); } #property-order-list .orders .order-info .order-info-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; border-bottom: 1px solid #eeeeee; padding: 0; font-size: 0.8rem; align-items: center; } #property-order-list .orders .order-info .order-info-row div { padding: 0.4rem 0; line-height: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #property-order-list .orders .order-info .order-info-row div.order-info-label { color: #aaaaaa; text-align: left; padding-right: 0.5rem; } #property-order-list .orders .order-info .order-info-row div.order-info-value { color: #333333; text-align: left; } #property-order-list .orders .order-info .order-info-row div.order-info-title { color: #333333; flex-grow: 1; text-align: center; font-size: 1rem; } #property-order-list .orders .order-info .order-info-row div.order-info-unread { text-align: right; flex-grow: 1; padding: 0 1rem 0 0; } #property-order-list .orders .order-info .order-info-row div.order-info-unread i { color: #cc0033; font-size: 1.2rem; } #property-order-list .orders .order-info .order-info-row div.order-info-status { color: #333333; text-align: right; padding-top: 0.1rem; padding-bottom: 0.1rem; } #property-order-list .orders .order-info .order-info-row div.order-info-status span { display: inline-block; white-space: nowrap; line-height: 1.2rem; text-align: center; border-radius: 0.2rem; padding: 0.2rem 1rem; } #property-order-list .orders .order-info .order-info-row div.order-info-status .tmpsave { border: none; color: var(--color_order_status00); background-color: var(--bgcolor_order_status00); } #property-order-list .orders .order-info .order-info-row div.order-info-status .waiting { border: none; color: var(--color_order_status01); background-color: var(--bgcolor_order_status01); } #property-order-list .orders .order-info .order-info-row div.order-info-status .answered { border: none; color: var(--color_order_status10); background-color: var(--bgcolor_order_status10); } #property-order-list .orders .order-info .order-info-row div.order-info-status .inspwait { border: none; color: var(--color_order_status60); background-color: var(--bgcolor_order_status60); } #property-order-list .orders .order-info .order-info-row div.order-info-status .inspcomp { border: none; color: var(--color_order_status70); background-color: var(--bgcolor_order_status70); } #property-order-list .orders .order-info .order-info-row div.order-info-status .takeback { border: none; color: var(--color_order_status90); background-color: var(--bgcolor_order_status90); } #property-order-list .orders .order-info .order-info-row div.order-info-status .remand { border: none; color: var(--color_order_status91); background-color: var(--bgcolor_order_status91); } #property-order-list .orders .order-info .order-info-row div.order-info-status .cancel { border: none; color: var(--color_order_status99); background-color: var(--bgcolor_order_status99); } #property-order-list .orders .order-info .order-info-row div.order-info-amount { color: #000000; text-align: right; flex-grow: 1; font-size: 1.2rem; } /* さらに表示 */ #property-order-list .more { margin: 0; border: none; padding: 20px 0; color: #34495e; text-align: center; cursor: pointer; }