#Outline > #Contents > div.block:has(> header) {
	padding-top: 70px;
}
#Outline > #Contents > div.block > header {
	position: absolute;
	top: 0; right: 0; left: 0;
	margin: 0 20px;
	border-bottom: 1px solid var(--base-color);
	padding: 15px 0 0;
	width: calc(100% - 40px);
	height: 45px;
	box-sizing: border-box;
	font-size: 0.9rem;
}
#Outline > #Contents > div.block > header > * {
	display: inline-block;
	padding-bottom: 10px;
}
#Outline > #Contents > div.block > header > .license {
}
#Outline > #Contents > div.block > header > .belong_to {
	float: right;
}
#Outline > #Contents > div.block > header > .target {
	font-size: 1.2rem;
}
#Outline > #Contents > div.block > header > .offer {
	float: right;
}
#Outline > #Contents > div.block > header > .offer > span {
	padding: 0 5px 0 10px;
}
#Outline > #Contents > div.block > header > a.jump {
	display: inline-block;
	float: right;
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 0 20px;
	color: #fff;
	font-size: 0.8rem;
	height: 20px;
	line-height: 20px;
 	background-color: var(--base-color);
}
#Outline > #Contents > div.block > h4:has(> a.to_office) {
	padding-right: 210px;
}
#Outline > #Contents > div.block > h4 > a.to_office {
	display: block;
	position: absolute;
	top: 0.4em; right: 0;
	border-radius: 5px;
	padding: 0;
	color: #fff;
	font-size: 0.9rem;
	width: 200px;
	height: 24px;
	line-height: 24px;
	letter-spacing: 0;
	background-color: var(--contents-color);
	text-align: center;
}

#Outline > #Contents > div.block > .to_office {
	float: right;
	margin-left: 20px;
}
#Outline > #Contents > div.block > .to_office > a {
	display: inline-block;
	border-radius: 5px;
	padding: 0 20px;
	color: #fff;
	font-size: 0.9rem;
	height: 24px;
	line-height: 24px;
	letter-spacing: 0;
	background-color: var(--contents-color);
}

#Outline > #Contents > div.block > .ruby {
	margin-top: 7px;
	width: 100%;
	font-size: 0.9rem;
}
#Outline > #Contents > div.block .document {
	margin-top: 20px;
	width: 100%;
	font-size: 1.1rem;
}

#Outline > #Contents > div.block:has(> section),
#Outline > #Contents > div.block > .viewer:has(> section) {
	display: flex;
	flex-wrap: wrap;
	gap: 0 30px;
}
#Outline > #Contents > div.block:has(> section) > .button,
#Outline > #Contents > div.block > .viewer:has(> section) > .button {
	margin: 20px 0 0;
	width: 100%;
}
#Outline > #Contents > div.block:has(> section) > section,
#Outline > #Contents > div.block > .viewer:has(> section) > section {
	width: 35%;
	box-sizing: border-box;
}
#Outline > #Contents > div.block:has(> section) > section:first-child,
#Outline > #Contents > div.block > .viewer:has(> section) > section:first-child,
#Outline > #Contents > div.block:has(> section) > :not(section) + section,
#Outline > #Contents > div.block > .viewer:has(> section) > :not(section) + section {
	width: calc(65% - 30px);
}
#Outline > #Contents > div.block:has(> section) > section.extra,
#Outline > #Contents > div.block > .viewer:has(> section) > section.extra {
	margin: 40px 0 0;
	width: 100%;
}

#Outline > #Contents > div.block:has(> section) > section > p.document,
#Outline > #Contents > div.block > .viewer:has(> section) > section > p.document {
	margin: 30px 0 0;
	font-size: 1rem;
}

#Outline > #Contents > div.block:has(> section) > section > dl,
#Outline > #Contents > div.block > .viewer:has(> section) > section > dl {
	font-size: 1rem;
}
#Outline > #Contents > div.block:has(> section) > section > dl > dt,
#Outline > #Contents > div.block > .viewer:has(> section) > section > dl > dt {
}
#Outline > #Contents > div.block:has(> section) > section > dl > dd,
#Outline > #Contents > div.block > .viewer:has(> section) > section > dl > dd {
}

#Outline > #Contents > div.block:has(> section) > section > dl > dd > span,
#Outline > #Contents > div.block > .viewer:has(> section) > section > dl > dd > span {
	margin: 0 15px 0 0;
}
#Outline > #Contents > div.block:has(> section) > section > dl > dd > span:empty,
#Outline > #Contents > div.block > .viewer:has(> section) > section > dl > dd > span:empty {
	display: none;
}
#Outline > #Contents > div.block:has(> section) > section > dl > dd > .area:after,
#Outline > #Contents > div.block > .viewer:has(> section) > section > dl > dd > .area:after {
	content: ' ㎡';
}
#Outline > #Contents > div.block:has(> section) > section > dl > dd > .floors:before,
#Outline > #Contents > div.block > .viewer:has(> section) > section > dl > dd > .floors:before {
	content: '地上：';
}
#Outline > #Contents > div.block:has(> section) > section > dl > dd > .basement.floors:before,
#Outline > #Contents > div.block > .viewer:has(> section) > section > dl > dd > .basement.floors:before {
	content: '地下：';
}
#Outline > #Contents > div.block:has(> section) > section > dl > dd > .penthouse.floors:before,
#Outline > #Contents > div.block > .viewer:has(> section) > section > dl > dd > .penthouse.floors:before {
	content: '塔屋：';
}
#Outline > #Contents > div.block:has(> section) > section > dl > dd > .floors:after,
#Outline > #Contents > div.block > .viewer:has(> section) > section > dl > dd > .floors:after {
	content: ' 階';
}

#Outline > #Contents > div.block:has(> section) > section a.offer,
#Outline > #Contents > div.block > .viewer:has(> section) > section a.offer {
	display: flex;
	position: relative;
	border-radius: 35px;
	border: 2px solid var(--contents-color);
	padding: 18px 25px;
	width: 100%;
	height: 70px;
	font-size: 1.13rem;
	color: var(--contents-color);
	box-sizing: border-box;
	align-items: end;
}
#Outline > #Contents > div.block:has(> section) > section a.offer > span,
#Outline > #Contents > div.block > .viewer:has(> section) > section a.offer > span {
	display: block;
	flex-grow: 0;
}
#Outline > #Contents > div.block:has(> section) > section a.offer > span:first-child,
#Outline > #Contents > div.block > .viewer:has(> section) > section a.offer > span:first-child {
	position: absolute;
	top: 5px; left: 30px;
	width: 150px;
	font-size: 0.9rem;
}
#Outline > #Contents > div.block:has(> section) > section a.offer > span:nth-child(2),
#Outline > #Contents > div.block > .viewer:has(> section) > section a.offer > span:nth-child(2) {
		width: 10px;
	flex-grow: 1;
}
#Outline > #Contents > div.block:has(> section) > section a.offer > span:last-child,
#Outline > #Contents > div.block > .viewer:has(> section) > section a.offer > span:last-child {
	text-align: right;
}
#Outline > #Contents > div.block:has(> section) > section a.offer > span.number,
#Outline > #Contents > div.block > .viewer:has(> section) > section a.offer > span.number {
	padding: 0 0.3em;
	font-size: 2rem;
	color: var(--base-color);
}
#Outline > #Contents > div.block:has(> section) > section img,
#Outline > #Contents > div.block > .viewer:has(> section) > section img {
	margin-top: 20px;
	width: 100%;
}

#Outline > #Contents > div.block:has(> section) > section .pr,
#Outline > #Contents > div.block > .viewer:has(> section) > section .pr {
}
#Outline > #Contents > div.block .pr a {
	display: block;
	margin-top: 20px;
	width: 100%;
}
#Outline > #Contents > div.block .pr a::before {
	display: inline-block;
	content: url('../../../../file/parts/icon.pr.svg');
	margin: 0 5px 0 0;
	width: 50px;
	vertical-align: middle;
}

#Outline > #Contents > div.block:has(> section) > section .pdf,
#Outline > #Contents > div.block > .viewer:has(> section) > section .pdf {
}
#Outline > #Contents > div.block .pdf a {
	display: block;
	margin-top: 20px;
	width: 100%;
}
#Outline > #Contents > div.block .pdf a::before {
	display: inline-block;
	content: url('../../../../file/parts/icon.pdf.svg');
	margin: 0 5px 0 0;
	width: 50px;
	vertical-align: middle;
}


#Outline > #Contents > .pagination + .block {
	margin-top: 30px;
}

#Outline > #Contents > .pagination {
	display: flex;
	margin: 30px 0 0;
	padding: 0 20px;
	width: 100%;
	font-size: 1rem;
	line-height: 1.2em;
	box-sizing: border-box;
	align-items: center;
	gap: 6px;
}
#Outline > #Contents > .pagination > .items {
	padding: 0 20px;
	flex-grow: 1;
}
#Outline > #Contents > .pagination > .page {
	padding: 0 20px;
	text-align: right;
	flex-grow: 1;
}
#Outline > #Contents > .pagination > a {
	display: block;
	width: 36px;
	height: 36px;
	background-size: contain;
	background-repeat: no-repeat;
}

#Outline > #Contents > .pagination.work > a.top {
	background-image: url('../../../../file/parts/button.paging.top.work.svg');
}
#Outline > #Contents > .pagination.collaborator > a.top {
	background-image: url('../../../../file/parts/button.paging.top.collaborator.svg');
}

#Outline > #Contents > .pagination.work > a.prev {
	background-image: url('../../../../file/parts/button.paging.prev.work.svg');
}
#Outline > #Contents > .pagination.collaborator > a.prev {
	background-image: url('../../../../file/parts/button.paging.prev.collaborator.svg');
}

#Outline > #Contents > .pagination.work > a.next {
	background-image: url('../../../../file/parts/button.paging.next.work.svg');
}
#Outline > #Contents > .pagination.collaborator > a.next {
	background-image: url('../../../../file/parts/button.paging.next.collaborator.svg');
}

#Outline > #Contents > .pagination.work > a.last {
	background-image: url('../../../../file/parts/button.paging.last.work.svg');
}
#Outline > #Contents > .pagination.collaborator > a.last {
	background-image: url('../../../../file/parts/button.paging.last.collaborator.svg');
}