@charset "utf-8";

/*----------------------------------------------------------------------------------------

	page.css

----------------------------------------------------------------------------------------*/

/* 子ページがある場合のサイドメニュー //
////////////////////////////////////////////////////////////////////*/

.side-childNavi {
	margin-bottom: 30px;
	margin-left: auto;
	width: 250px;
	display: block;
	font-size: 16px;
	text-align: left;
}
.side-childNavi h3 > *, .side-childNavi li a {
	padding: 10px 14px;
}
.side-childNavi h3 {
	box-sizing: border-box;
	width: 100%;
	background-color: #00b3bc;
	display: table;
	position: relative;
	color: #fff;
}
.side-childNavi h3 > * {
	display: table-cell;
	vertical-align: middle;
}
.side-childNavi h3 > a::after {
	opacity: 0.6;
	color: #fff;
}
.side-childNavi li {
	margin-top: 1px;
}
.side-childNavi li a {
	padding-right: 25px;
	background-color: #f6f6f6;
	display: block;
	position: relative;
}
.side-childNavi a::after {
	position: absolute;
	right: 14px;
	color: #00b3bc;
}
.side-childNavi li a span {
	display: inline-block;
}


/* 下層 サイドメニュー //
////////////////////////////////////////////////////////////////////*/

#sidebar {
	margin-right: auto;
	width: 250px;
}
#sidebar > *:not(:last-child) {
	margin-bottom: 20px;
}

#sidebar ul {
	margin: 0;
}

/* 本日の物件数 ///
---------------------------------------------- */
#sidebar .side-koushin {
	background-color: #f6f6f6;
	padding: 12px 15px 16px;
}
#sidebar .side-koushin header {
	margin-bottom: 9px;
}
#sidebar .side-koushin header p,
#sidebar .side-koushin header h3 {
	text-align: center;
}
#sidebar .side-koushin header p.label {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	font-feature-settings: "palt";
	line-height: 35px;
	background-color: #00b3bc;
}
#sidebar .side-koushin header p.label + p {
	font-size: 12px;
	margin-top: 4px;
}
#sidebar .side-koushin header h3 {
	color: #00b3bc;
	margin-top: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
#sidebar .side-koushin .kensu {
	color: #274e9b;
	margin-top: 5px;
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
}
#sidebar .side-koushin .kensu em {
	font-size: 50px;
	font-weight: 900;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebar .side-koushin li {
	border-bottom: 1px solid #ddd;
}
#sidebar .side-koushin ul a {
	box-sizing: border-box;
	padding: 2px 25px 0 10px;
	width: 100%;
	height: 34px;
	display: table;
	position: relative;
	color: inherit;
	transition: 0.2s;
}
#sidebar .side-koushin ul a:hover {
	background-color: rgba(0,0,0,0.05);
}
#sidebar .side-koushin ul a::after {
	color: #00b3bc;
	position: absolute;
	right: 10px;
}
#sidebar .side-koushin ul a > * {
	display: table-cell;
	vertical-align: middle;
}
#sidebar .side-koushin ul a > h4 {
	font-weight: 500;
}
#sidebar .side-koushin ul a > p {
	text-align: right;
}
#sidebar .side-koushin ul a > p strong {
	font-size: 16px;
	font-weight: inherit;
	line-height: 1;
}

/* サイドメニュー マイページ ///
---------------------------------------------- */
#sidebar .side-mypage {
	background-color: #f6f6f6;
	padding: 20px 15px 15px;
}
#sidebar .side-mypage > h3 {
	color: #274e9b;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}
#sidebar .side-mypage > .merit {
	font-size: 14px;
	line-height: 18px;
	margin-top: 18px;
}
#sidebar .side-mypage > .merit > li {
	position: relative;
	padding-left: 30px;
}
#sidebar .side-mypage > .merit > li + li {
	margin-top: 8px;
}
#sidebar .side-mypage > .merit > li::before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #274e9b;
	border-radius: 50%;
}
#sidebar .side-mypage > .merit > li:nth-child(1)::before {
	content: "1";
}
#sidebar .side-mypage > .merit > li:nth-child(2)::before {
	content: "2";
}
#sidebar .side-mypage > .merit > li:nth-child(3)::before {
	content: "3";
}
#sidebar .side-mypage > .merit > li:nth-child(4)::before {
	content: "4";
}
#sidebar .side-mypage > .btn02 {
	margin-top: 16px;
}
#sidebar .side-mypage > .btn02 a::after {
	content: "\f0da";
}

/* サイドメニュー 特選表示 ///
---------------------------------------------- */
#sidebar .tksn-list {
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-top: none;
}
#sidebar .tksn-list > div > table, .tksn-list > div > table > tbody > tr > td > table {
	width: 100%;
}
#sidebar .tksn-list > div a {
	display: block;
}
#sidebar .tksn-list > .btn02 {
	margin-top: 10px;
}

/* サイドメニュー マイページログイン ///
---------------------------------------------- */
#sidebar .side-login {
	background-color: #f6f6f6;
}
#sidebar .side-login .title02 {
	font-size: 18px;
	line-height: 53px;
}
#sidebar .side-login .title02::before {
	background-color: #274e9b;
	color: #fff;
	content: "\f2f6";
}
#sidebar .side-login form {
	padding: 0 15px;
}
#sidebar .side-login form input {
	box-sizing: border-box;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
}
#sidebar .side-login dl {
	overflow: hidden;
}
#sidebar .side-login dt {
	box-sizing: border-box;
	padding-right: 10px;
	width: 80px;
	float: left;
	line-height: 26px;
	text-align: right;
}
#sidebar .side-login dd {
	width: 140px;
	float: right;
}
#sidebar .side-login dd input {
	padding: 0 2px;
	width: 100%;
	height: 26px;
	border: 1px solid #ddd;
	line-height: 24px;
}
#sidebar .side-login dt, #sidebar .side-login dd {
	margin-top: 5px;
}
#sidebar .side-login .submit input {
	margin-top: 10px;
	width: 100%;
	background-color: #274e9b;
	border: none;
	outline: none;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	font-family: inherit;
	cursor: pointer;
}
#sidebar .side-login .forget a {
	display: block;
	font-size: 12px;
	line-height: 34px;
	text-align: right;
}
#sidebar .side-login .forget a::after {
	margin-left: 7px;
	display: inline-block;
}

/* サイドメニュー 価格変更物件 ///
---------------------------------------------- */
#sidebar .side-kakaku .title02 {
	background-color: #00b3bc;
	font-size: 16px;
	line-height: 44px;
	color: #fff;
}
#sidebar .side-kakaku .title02::before {
	background-color: #274e9b;
	color: #fff;
	content: "\f0f3";
}
#sidebar .side-kakaku .tksn-list {
	padding: 0 15px 10px;
}
#sidebar .side-kakaku .loading {
	height: 365px;
}

/* サイドメニュー 人気物件ランキング ///
---------------------------------------------- */
#sidebar .side-rank .title02 {
	background-color: #00b3bc;
	font-size: 16px;
	line-height: 44px;
	color: #fff
}
#sidebar .side-rank .title02::before {
	background-color: #274e9b;
	color: #fff;
	content: "\f521";
}
#sidebar .side-rank .tksn-list {
	padding: 5px 0;
}
#sidebar .side-rank .tksn-list .tksn {
	box-sizing: border-box;
	margin-right: 1px;
	padding: 0 15px;
	max-height: 515px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#sidebar .side-rank .tksn-list div[style*="color:#ce0000"] {
	color: var(--red) !important;
}
#sidebar .side-rank .loading {
	height: 515px;
}

/* サイドメニュー 会社案内 ///
---------------------------------------------- */
#sidebar .side-company {
	background-color: #f6f6f6;
}
#sidebar .side-company > figure img {
	width: 100%;
}
#sidebar .side-company > div {
	padding: 0 12px 12px;
}
#sidebar .side-company h3 {
	margin-top: 8px;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.05em;
}
#sidebar .side-company p {
	letter-spacing: -0.02em;
}
#sidebar .side-company ul {
	margin-top: 11px;
}
#sidebar .side-company li:not(:last-child) {
	margin-bottom: 5px;
}

/* サイドメニュー バナー ///
---------------------------------------------- */
#sidebar .side-bnr > li:not(:last-child) {
	margin-bottom: 10px;
}
#sidebar .side-bnr img {
	width: 100%;
}

/* サイドメニュー SEO ///
---------------------------------------------- */
#sidebar .side-seo {
	border: 1px solid #ddd;
}
#sidebar .side-seo h3 {
	background-color: #f6f6f6;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
#sidebar .side-seo ul {
	padding: 9px 14px;
	border-top: none;
	overflow: hidden;
	text-align: justify;
}
#sidebar .side-seo li {
	display: inline;
	font-size: 12px;
}
#sidebar .side-seo li::after {
	content: "｜";
	color: #999;
}
#sidebar .side-seo li a {
	color: #999;
}