@charset "UTF-8"; /* 検索条件フォーム */ #property-search-form { position: relative; width: 100%; margin: 48px 0 0 0; padding: 0; background-color: #34495e; font-size: 0; vertical-align: middle; } #property-search-form { display: flex; display: -ms-flexbox; flex-direction: row; -ms-flex-direction: row; } #property-search-form > span { padding: 0 10px; color: #ffffff; line-height: 40px; font-size: 20px; vertical-align: middle; white-space: nowrap; } #property-search-form .search-form { width: 100%; margin: 0; padding: 0 5px; vertical-align: middle; } #property-search-form .search-form { display: flex; display: -ms-flexbox; flex-flow: row nowrap; -ms-flex-flow: row nowrap; } #property-search-form .search-form select { flex: 0 0 80px; display: block; height: 30px; margin: 5px 0; border: none; font-size: 12px; } #property-search-form .search-form input { flex: 1 1 auto; display: block; height: 30px; margin: 5px 0 5px 5px; border: none; font-size: 16px; } #property-search-form .search-form input { border-radius: 5px 0 0 5px; } #property-search-form .search-form input::placeholder { color: #bbbbbb; } #property-search-form .search-form input:-ms-input-placeholder { color: #bbbbbb; } #property-search-form .search-form input::-ms-input-placeholder { color: #bbbbbb; } #property-search-form .search-form button { flex: 0 0 40px; display: block; height: 30px; margin: 5px 0 5px 0; border: 1px solid #ffffff; background: none; background-color: #34495e; text-align: center; } #property-search-form .search-form button { border-radius: 0 5px 5px 0; } #property-search-form .search-form button span { color: #ffffff; font-size: 16px; line-height: 26px; } /* 掲示板 */ #bulletin-board { position: relative; width: 100%; margin: 1px 0 0 0; border: 5px solid #34495e; padding: 0 0 10px 0; background-color: #ffffff; overflow: hidden; } #bulletin-board { box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); -ms-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); } #bulletin-board .icon { display: block; margin-top: 5px; width: 70px; height: 50px; color: #000000; float: left; } #bulletin-board .icon span { display: block; height: 32px; /* font-size: 30px; height: 30px; text-align: center; vertical-align: middle; */ } #bulletin-board .icon span { background-image: url('../../img/ContractorMyPage/iconboard/icon.png'); background-position: center center; background-repeat: no-repeat; } #bulletin-board .icon label { display: block; font-size: 9px; line-height: 18px; text-align: center; } #bulletin-board .contents { display: block; color: #000000; } #bulletin-board .contents .content { padding: 5px 10px; } #bulletin-board .contents .content label { display: block; margin: 0; text-align: left; font-size: 12px; line-height: 15px; } #bulletin-board .contents .content span { display: block; margin: 0; text-align: left; font-size: 12px; line-height: 15px; } #bulletin-board .contents .message { display: block; margin: 10px 0; text-align: left; font-size: 12px; line-height: 12px; color: #777777; } /* 掲示板（トグルボタン） */ #bulletin-board .toggle-button { position: absolute; bottom: 0; width: 100%; padding: 0; text-align: center; } #bulletin-board .toggle-button span { display: block; margin: 0 10px 5px auto; width: 100px; color: #ffffff; background-color: #34495e; font-size: 12px; line-height: 20px; cursor: pointer; } #bulletin-board .toggle-button span { border-radius: 5px; } /* 掲示板（閉じた状態） */ #bulletin-board.closed .content { display: none; } #bulletin-board.closed .content:first-child { display: block; max-height: 45px; } /* 物件一覧 */ #property-list { min-height: 100%; background-color: #eeeeee; } #property-list .properties { margin: 0 0 20px; padding: 5px 0 0; } #property-list .properties .norecords { margin: 0; padding: 10px 10px; border: none; color: #555555; font-size: 14px; line-height: 20px; } #property-list .properties .listheader { margin: 10px 0 0 0; display: flex; display: -ms-flexbox; flex-direction: row; -ms-flex-direction: row; } #property-list .properties .listheader .propcount { flex: 0 0 auto; line-height: 18px; font-size: 14px; padding-left : 5px; } #property-list .properties .listheader .viewswitch { flex: 1 1 auto; line-height: 18px; font-size: 14px; padding-left : 5px; color: #007bff; margin: -10px 15% -5px; padding: 6px 0; text-align: center; background-color: #dddddd; cursor: pointer; } #property-list .properties .listheader span.sortorder { flex: 0 0 30px; line-height: 18px; font-size: 16px; padding-right: 5px; color: #007bff; cursor: pointer; } #property-list .properties .listheader span.sortitem { flex: 0 0 1%; line-height: 18px; font-size: 14px; padding-right: 5px; color: #007bff; white-space: nowrap; cursor: pointer; } #property-list .properties .filter-buttons { margin: 5px; border: none; padding: 10px 10px; background-color: #ffffff; } #property-list .properties .filter-buttons span { display: inline-block; width: 100px; border-width: 2px; border-style: solid; border-color: #999999; background-color: #ffffff; color: #17a2b8; padding: 5px; font-size: 14px; line-height: 15px; text-align: center; vertical-align: middle; letter-spacing: 3px; cursor: pointer; } #property-list .properties .filter-buttons span { border-radius: 7px; } #property-list .properties .filter-buttons span.on { border-color: #17a2b8; background-color: #17a2b8; color: #ffffff; } #property-list .properties .property-info { margin: 5px; border: none; padding: 10px 10px; background-color: #ffffff; cursor: pointer; } #property-list .properties .property-info span.status { display: inline-block; width: 100px; border-width: 2px; border-style: solid; padding: 5px; font-size: 14px; line-height: 15px; text-align: center; vertical-align: middle; letter-spacing: 3px; } #property-list .properties .property-info span.status { border-radius: 7px; } #property-list .properties .property-info span.status.yet { color: #444444; border-color: #aaaaaa; background-color: #ffffff; } #property-list .properties .property-info span.status.pre { color: #000000; border-color: #4a7b8e; background-color: #4a7b8e; } #property-list .properties .property-info span.status.now { color: #000000; border-color: #eebb44; background-color: #eebb44; } #property-list .properties .property-info span.status.done { color: #ffffff; border-color: #34495e; background-color: #34495e; } #property-list .properties .property-info span.status.end { color: #000000; border-color: #999999; background-color: #999999; } #property-list .properties .property-info span.unreads { display: inline-block; margin: 0 0 0 10px; border: 2px solid #e95e4f; padding: 5px 10px; font-size: 12px; line-height: 17px; color: #000000; text-align: center; vertical-align: middle; background-color: #e95e4f; letter-spacing: 2px; } #property-list .properties .property-info span.unreads { border-radius: 7px; } #property-list .properties .property-info span.unreads.none { background-color: #ffffff; } #property-list .properties .property-info span.unreads.noncharger { display: none; } #property-list .properties .property-info .orderunread { position: absolute; right: 0px; margin: auto; color: #cc5500; font-size: 24px; width: 24px; height: 24px; } #property-list .properties .property-info .orderunread i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 10px; height: 10px; font-size: 12px; text-align: center; } #property-list .properties .property-info table { width: 100%; margin: 0; border: none; border-collapse: separate; border-spacing: 0; } #property-list .properties .property-info thead th { position: relative; } #property-list .properties .property-info td.thumbs { position: relative; width: 1%; height: 1%; } #property-list .properties .property-info td.thumbs::before { display: block; content: ''; margin: 10px 0; width: 40vw; height: 30vw; background-color: #f7f7f7; } #property-list .properties .property-info td.thumbs img { position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; } #property-list .properties .property-info td.info { width: 60%; padding: 10px 0 10px 10px; } #property-list .properties .property-info td.info .propertyname { margin: 10px 0; font-size: 20px; font-weight: bold; line-height: 20px; min-height: 20px; } #property-list .properties .property-info td.info .labelvalue { white-space: nowrap; overflow: hidden; } #property-list .properties .property-info td.info .labelvalue label { display: inline-block; width: 35px; margin: 0; font-size: 14px; white-space: nowrap; vertical-align: top; color: #aaaaaa; } #property-list .properties .property-info td.info .labelvalue span.staffstoggle { margin: 0 0 0 1em; cursor: pointer; color: #aaaaaa; } #property-list .properties .property-info td.info .labelvalue span.staffstoggle i { margin: 0 0.5em 0 0; font-style: normal; } #property-list .properties .property-info td.info .labelvalue .delimiter { display: inline-block; width: 15px; margin: 0; font-size: 14px; white-space: nowrap; vertical-align: top; color: #aaaaaa; } #property-list .properties .property-info td.info .labelvalue .value { display: inline-block; margin: 0 0 0 6px; font-size: 14px; white-space: normal; word-break: break-all; vertical-align: top; } #property-list .properties .property-info td.info .labelvalue .value a.googlemap { margin: 0 10px 0 0; } #property-list .properties .property-info td.info span.staff { margin: 0 0 0 0; display: block; white-space: normal; word-break: break-all; } #property-list .properties .property-info td.info span.staff span { white-space: normal; word-break: break-all; } #property-list .properties .property-info.simple { padding: 3px 10px; } #property-list .properties .property-info.simple td.info { width: auto; padding: 5px 0 5px 5px; } #property-list .properties .property-info.simple td.thumbs::before { margin: 3px 0; width: 20vw; height: 15vw; } #property-list .properties .property-info.simple td.info .propertyname { margin: 3px 0; } #property-list .properties .property-info.simple td.info .labelvalue { line-height: 16px; } /* さらに表示 */ #property-list .properties .more { margin: 0; border: none; padding: 20px 0; color: #34495e; text-align: center; cursor: pointer; }