div.common-list-title-area { display: table; width: 100%; margin-bottom: 5px; } div.common-list-title-area div.common-list-title, div.common-list-title-area div.common-list-page-info { display: table-cell; vertical-align: middle; } div.common-list-title-area div.common-list-page-info { text-align: right; } div.common-list-title-area div.common-list-page-info div.show-type { display: inline-block; margin-right: 5px; } div.common-list-title-area div.common-list-page-info div.link-button { display: inline-block; vertical-align: middle; width: 25px; height: 25px; padding-bottom: 3px; border-bottom: solid 2px transparent; background-repeat: no-repeat; background-position: left top; background-size: contain; cursor: pointer; } div.common-list-title-area div.common-list-page-info div.image-button { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2QjZCNkI7fTwvc3R5bGU+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjQsMjRINC42QzIuMSwyNCwwLDIxLjksMCwxOS40VjQuNkMwLDIuMSwyLjEsMCw0LjYsMGgxNC44QzIxLjksMCwyNCwyLjEsMjQsNC42djE0LjhDMjQsMjEuOSwyMS45LDI0LDE5LjQsMjR6IE00LjYsMUMyLjYsMSwxLDIuNiwxLDQuNnYxNC44YzAsMiwxLjYsMy42LDMuNiwzLjZoMTQuOGMyLDAsMy42LTEuNiwzLjYtMy42VjQuNmMwLTItMS42LTMuNi0zLjYtMy42SDQuNnoiLz48cmVjdCB4PSIxIiB5PSIxOSIgY2xhc3M9InN0MCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjEiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAuOSwxN0gyLjNjLTAuMiwwLTAuNC0wLjEtMC40LTAuM3MtMC4xLTAuNCwwLTAuNWw1LjQtNy40YzAuMS0wLjIsMC40LTAuMywwLjYtMC4xbDIuMywxLjJsMy44LTUuMWMwLjEtMC4xLDAuMy0wLjIsMC40LTAuMmMwLjIsMCwwLjMsMC4xLDAuNCwwLjNsNi40LDExLjVjMC4xLDAuMiwwLjEsMC4zLDAsMC41QzIxLjMsMTYuOSwyMS4xLDE3LDIwLjksMTd6IE0zLjIsMTZoMTYuOEwxNC40LDUuOWwtMy42LDQuOGMtMC4xLDAuMi0wLjQsMC4zLTAuNiwwLjFMNy45LDkuN0wzLjIsMTZ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTUsNy4zYy0xLDAtMS45LTAuOC0xLjktMS45UzQsMy41LDUsMy41YzEsMCwxLjksMC44LDEuOSwxLjlTNiw3LjMsNSw3LjN6IE01LDQuNWMtMC41LDAtMC45LDAuNC0wLjksMC45UzQuNSw2LjMsNSw2LjNjMC41LDAsMC45LTAuNCwwLjktMC45UzUuNSw0LjUsNSw0LjV6Ii8+PC9nPjwvc3ZnPg==); } div.common-list-title-area div.common-list-page-info div.detail-button { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIxIDE3LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDE3LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojNkI2QjZCO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjksMy44QzAuOCwzLjgsMCwyLjksMCwxLjlDMCwwLjgsMC44LDAsMS45LDBzMS45LDAuOCwxLjksMS45QzMuOCwyLjksMi45LDMuOCwxLjksMy44eiBNMS45LDFDMS40LDEsMSwxLjQsMSwxLjlzMC40LDAuOSwwLjksMC45czAuOS0wLjQsMC45LTAuOVMyLjQsMSwxLjksMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAuNSwyLjRoLTE1QzUuMywyLjQsNSwyLjIsNSwxLjljMC0wLjMsMC4yLTAuNSwwLjUtMC41aDE1YzAuMywwLDAuNSwwLjIsMC41LDAuNUMyMSwyLjIsMjAuOCwyLjQsMjAuNSwyLjR6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEuOSw4LjhDMC44LDguOCwwLDcuOSwwLDYuOUMwLDUuOCwwLjgsNSwxLjksNXMxLjksMC44LDEuOSwxLjlDMy44LDcuOSwyLjksOC44LDEuOSw4Ljh6IE0xLjksNkMxLjQsNiwxLDYuNCwxLDYuOXMwLjQsMC45LDAuOSwwLjlzMC45LTAuNCwwLjktMC45UzIuNCw2LDEuOSw2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMC41LDcuNGgtMTVDNS4zLDcuNCw1LDcuMiw1LDYuOWMwLTAuMywwLjItMC41LDAuNS0wLjVoMTVjMC4zLDAsMC41LDAuMiwwLjUsMC41QzIxLDcuMiwyMC44LDcuNCwyMC41LDcuNHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS45LDEzLjhjLTEsMC0xLjktMC44LTEuOS0xLjljMC0xLDAuOC0xLjksMS45LTEuOXMxLjksMC44LDEuOSwxLjlDMy44LDEyLjksMi45LDEzLjgsMS45LDEzLjh6IE0xLjksMTFDMS40LDExLDEsMTEuNCwxLDExLjlzMC40LDAuOSwwLjksMC45czAuOS0wLjQsMC45LTAuOVMyLjQsMTEsMS45LDExeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMC41LDEyLjRoLTE1Yy0wLjMsMC0wLjUtMC4yLTAuNS0wLjVjMC0wLjMsMC4yLTAuNSwwLjUtMC41aDE1YzAuMywwLDAuNSwwLjIsMC41LDAuNUMyMSwxMi4yLDIwLjgsMTIuNCwyMC41LDEyLjR6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIwLjUsMTcuNGgtMTVjLTAuMywwLTAuNS0wLjItMC41LTAuNWMwLTAuMywwLjItMC41LDAuNS0wLjVoMTVjMC4zLDAsMC41LDAuMiwwLjUsMC41QzIxLDE3LjIsMjAuOCwxNy40LDIwLjUsMTcuNHoiLz48L2c+PC9zdmc+); } div.common-list-title-area div.common-list-page-info div.link-button:hover { opacity: 0.6; } div.profile-area[data-list-type="1"] div.common-list-title-area div.common-list-page-info div.image-button, div.profile-area[data-list-type="2"] div.common-list-title-area div.common-list-page-info div.detail-button { border-color: #fc538f; } /*------------------------------------------ lineup -------------------------------------------*/ div.profile-area[data-list-type="1"] div.lineupBorder { display: none; } div.profile-area[data-list-type="1"] div.listItem { position: relative; float: left; width: calc(98% / 3); margin-left: 1%; margin-bottom: 1.5%; } div.profile-area[data-list-type="1"] div.listItem:nth-child(3n+1) { margin-left: 0; } /* div.profile-area[data-list-type="1"] div.listItem:before { content: ""; display: block; padding-top: 66.7%; } div.profile-area[data-list-type="1"] div.listItem div.list-item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */ div.profile-area[data-list-type="1"] div.listItem div.list-item-inner div.lineupLeft { position: relative; width: 100%; height: 100%; } div.profile-area[data-list-type="1"] div.listItem div.list-item-inner div.lineupLeft a.common-fade-area { display: block; height: 100%; text-align: center; } div.profile-area[data-list-type="1"] div.listItem div.list-item-inner div.lineupLeft img { height: 100%; padding: 0; border: none; } div.profile-area[data-list-type="1"] div.listItem div.list-item-inner div.lineupLeft a.common-fade-area:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; z-index: 1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 70%, rgba(0,0,0,0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 70%,rgba(0,0,0,0.7) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 70%,rgba(0,0,0,0.7) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 70%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 70%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3000000',GradientType=0 ); pointer-events: none; } div.profile-area[data-list-type="1"] div.listItem div.list-item-inner div.lineupLeft a.common-fade-area:after { z-index: 2; } div.profile-area[data-list-type="1"] div.listItem div.list-item-inner div.bookmark { position: absolute; top: 10px; left: 13px; right: auto; width: 30px; height: 30px; cursor: pointer; } div.profile-area[data-list-type="1"] div.listItem div.list-item-inner div.bookmark { background-repeat: no-repeat; background-position: center; background-size: contain; } div.profile-area[data-list-type="1"] div.listItem div.list-item-inner div.bookmark { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM0ODQ4NDg7ZmlsbC1vcGFjaXR5OjAuNTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQsMi44Yy0wLjMsMC0wLjYsMC0wLjksMC4xYy0xLjEsMC4xLTIuMywwLjUtMy40LDEuMWMtMS4yLDAuNy0yLjQsMS42LTMuNywyLjljLTEuMy0xLjMtMi41LTIuMy0zLjctMi45Yy0xLjEtMC42LTIuMy0xLTMuNC0xLjFDOC42LDIuOCw4LjMsMi44LDgsMi44Yy0xLjksMC03LjMsMS41LTcuMyw4LjRjMCw3LjksMTIuMiwxNi4zLDE0LjcsMThjMC4zLDAuMiwwLjgsMC4yLDEuMSwwYzIuNS0xLjYsMTQuNy0xMC4xLDE0LjctMThDMzEuMiw0LjMsMjUuOSwyLjgsMjQsMi44Ii8+PC9zdmc+); z-index: 1; } div.profile-area[data-list-type="1"] div.listItem[data-bookmark="1"] div.list-item-inner div.bookmark { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRjVBNUY7ZmlsbC1vcGFjaXR5OjAuNTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQsMi44Yy0wLjMsMC0wLjYsMC0wLjksMC4xYy0xLjEsMC4xLTIuMywwLjUtMy40LDEuMWMtMS4yLDAuNy0yLjQsMS42LTMuNywyLjljLTEuMy0xLjMtMi41LTIuMy0zLjctMi45Yy0xLjEtMC42LTIuMy0xLTMuNC0xLjFDOC42LDIuOCw4LjMsMi44LDgsMi44Yy0xLjksMC03LjMsMS41LTcuMyw4LjRjMCw3LjksMTIuMiwxNi4zLDE0LjcsMThjMC4zLDAuMiwwLjgsMC4yLDEuMSwwYzIuNS0xLjYsMTQuNy0xMC4xLDE0LjctMThDMzEuMiw0LjMsMjUuOSwyLjgsMjQsMi44Ii8+PC9zdmc+); } div.profile-area[data-list-type="1"] div.lineupRight { position: relative; border-style: none; width: 100%; pointer-events: none; } div.profile-area[data-list-type="1"] div.lineupRight div.lineupRightBottom { color: #fcc; position: absolute; content: "aaa"; bottom: 0; left: 0; width: 100%; height: 200px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 70%, rgba(0,0,0,0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 70%,rgba(0,0,0,0.7) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 70%,rgba(0,0,0,0.7) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 70%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 70%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3000000',GradientType=0 ); z-index: 1; } div.profile-area[data-list-type="1"] div.lineupRight div.lineupRightBottom a { display: block; height: 100%; } div.profile-area[data-list-type="1"] div.lineupRight p.txtLineup { display: none; } div.profile-area[data-list-type="1"] div.lineupRight dl { border-style: none; margin: 0; pointer-events: none; } div.profile-area[data-list-type="1"] div.lineupRight dt { font-weight: bold; color: #2f2f2f; padding: 0 0 0 16px; float: left; } div.profile-area[data-list-type="1"] div.lineupRight dd { float: right; text-align: right; } div.profile-area[data-list-type="1"] div.lineupRight div.iSingle, div.profile-area[data-list-type="1"] .bg-roomInfo dd div.iSingle { background: url(../../img/user/empty-info/icon_single.gif) no-repeat 0 1px; float: left; padding: 1px 0 1px 60px; font-size: 12px; width: 80px; } div.profile-area[data-list-type="1"] div.lineupRight div.iDomi, div.profile-area[data-list-type="1"] .bg-roomInfo dd div.iDomi { background: url(../../img/user/empty-info/icon_domi.gif) no-repeat 0 1px; float: left; padding: 0 0 0 60px; font-size: 12px; width: 80px; } div.profile-area[data-list-type="1"] div.lineupRight div.iShare, div.profile-area[data-list-type="1"] .bg-roomInfo dd div.iShare { background: url(../../img/user/empty-info/icon_share.gif) no-repeat 0 1px; padding: 0 0 0 60px; float: left; font-size: 12px; width: 80px; } div.profile-area[data-list-type="1"] div.lineupRight div.houseName { position: absolute; top: -92px; left: 0; display: table; background: none; margin: 0; padding: 0 0 0 6px; width: 100%; z-index: 2; } div.profile-area[data-list-type="1"] div.lineupRight div.houseName span.houseIconArea { display: none; } div.profile-area[data-list-type="1"] div.lineupRight div.houseName p { display: table-cell; vertical-align: bottom; width: 100%; height: 70px; font-size: 100%; color: #0085b6; margin: 0 0 0 0; line-height: 1.0em; } div.profile-area[data-list-type="1"] div.lineupRight div.houseName p a { color: #fff; padding-left: 5px; font-weight: bold; font-size: 90%; } div.profile-area[data-list-type="1"] div.lineupRight div.houseName div.term-area, div.profile-area[data-list-type="1"] div.lineupRight div.houseName div.empty-date, div.profile-area[data-list-type="1"] div.lineupRight div.houseName div.room-status { display: none; } div.profile-area[data-list-type="1"] div.lineupRight dl.area dt { display: none; } div.profile-area[data-list-type="1"] div.lineupRight dl.area dd { display: none; position: absolute; right: 0; top: -60px; width: 50%; color: #fff; font-size: 90%; padding-right: 5px; line-height: 1.2em; z-index: 2; } div.profile-area[data-list-type="1"] div.lineupRight dl.area dd table { width: 100%; height: 55px; font-size: 100%; } div.profile-area[data-list-type="1"] div.lineupRight dl.area dd table td { color: #fff; text-align: right; font-size: 80%; vertical-align: bottom; } div.profile-area[data-list-type="1"] div.lineupRight dl.rent { position: absolute; left: 0; top: -21px; z-index: 2; } div.profile-area[data-list-type="1"] div.lineupRight dl.rent dt { display: none; } div.profile-area[data-list-type="1"] div.lineupRight dl.rent dd { float: none; width: auto; color: #fff; padding-left: 10px; font-size: 90%; } div.profile-area[data-list-type="1"] div.lineupRight dl.condition { display: none; } div.profile-area[data-list-type="1"] div.lineupRight dl.access { display: none; } div.profile-area[data-list-type="1"] div.lineupRight dl.review-count { display: none; }