@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap&text=新規会員登録');
/*========================================
　　色
========================================*/
body {
	background: #070D12;
}
body,
button,
input,
select,
textarea {
	color: #FFF;
}
a,
a:link,
a:active,
a:visited {
	color: #C29B5D;
}
div.err {
	color: #F00;
}
div.selectContent select,
.textboxContent input,
.textareaContent textarea,
#buy div.subtitle::before,
#buy div.subtitle::after,
#sell div.subtitle::before,
#sell div.subtitle::after {
	color: #070D12;
}
/*========================================
　　基本色
========================================*/
#toppageNumber::after,
#toppageReferral::after,
#toppageFeature::after,
#toppageContact::after,
#toppage div.membersContent::after,
#toppageNews::after,
#toppageAssess::after,
#toppageCompany::after,
div.listContent::after,
#toppageBlog div.blog::after,
#toppageBlog div.case::after,
#footerContact::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #C29B5D;
	opacity: 0.5;
}
#toppageMainImg b span,
#footerContact::before,
#toppageFeature::before,
#toppageContact::before,
#toppageAssess a::before,
#property #listSide,
#list .sidr {
	background: #070D12;
}
#footerLinkCompany div.link dl dt,
#footerLinkCompany div.company b,
div.subtitle b,
#footerContact dl dt b,
#toppageMainImg b span,
#toppageNumber div.left dl dd p b,
#toppageNumber div.number ul li p b,
#toppageFeature dl dt,
div.membersContent div.main dl dt,
div.membersContent div.main div:nth-child(1) p b,
#toppageAssess a,
#propertyLoanRenovation div.tplPropertyLoan div.result ul li.bold,
#register02 div.step dl:first-child,
#requestLoginMain div.buttonContent ul li.password a {
	color: #C29B5D;
}
#toppageNumber div.left dl dd::before,
#register02 div.step dl:first-child,
#passwordFinish div.step dl:first-child,
#mypageTab ul li a {
	border-color: #C29B5D;	
}
#toppageNumber div.left dl dt,
#mypageConditionsContent div.tab ul li.active a {
	background: #DAB272;
	background: linear-gradient(90deg,rgba(218, 178, 114, 1) 30%, rgba(141, 110, 65, 1) 100%);
	color: #070D12;
}
div.stepContent ul li.visited p::after,
div.stepContent ul li.visited p::before,
div.stepContent ul li.visited p::after,
#buy01 div.chart dl dd p,
div.tplInstantAssessment div.col-1-1::before {
	background: #DAB272;
	background: linear-gradient(90deg,rgba(218, 178, 114, 1) 30%, rgba(141, 110, 65, 1) 100%);
	color: #070D12;
}
#indexListFeatured,
#register02 div.step dl::after,
#mypageConditionsContent div.tab ul li.active a::before,
#passwordFinish div.step dl::after,
#buy div.subtitle::before,
#buy b.subtitle2::before,
#buy06 div.flow dl::after,
#sell div.subtitle::before,
#sell b.subtitle2::before,
#sell06 div.flow dl::after,
#catalogDetail #title b:before {
	background: #C29B5D;
}
header.transform div.pcNav div.text ul li a:hover,
#buy02 dl dd ul li p:before,
#buy06 div.flow dl dt span,
#sell06 div.flow dl dt span,
#faqMain dl dd:before,
#toppageMainImg div.slide04 div.main dl dt,
#toppageBanner ul li.assess a dl dd b,
#toppageBanner ul li.auction a dl dt strong,
#toppageBanner ul li.auction a dl dt b {
	color: #C29B5D;
}
#register02 div.step dl::before,
#mypageIndexMessage dl dd ul li::after,
#mypageIndex #listMain div.listMain div.listComment,
#passwordFinish div.step dl::before,
#buy06 div.flow dl::before,
#sell06 div.flow dl::before,
#catalogIndexSearchConditions dl dt::before {
	border-color: #C29B5D;
}
div.selectContent::after,
#buy02 dl dd ul li p,
#buy03 dl dd ul li::after,
#buy04 dl dd ul li::after,
#buy06 dl.clearfix dd ul li::after,
#sell02 dl dd ul li span::after,
#sell03 dl dd ul li::after,
#sell05 ul li::after,
#sell06 dl.clearfix dd ul li::after {
	border-color: #C29B5D;
}
#toppageMainImg div.slide01 dl dd ul li p,
div.tplDailyUpdate ul li:first-child {
	background: #544819;
	color: #FFF;
}
div.tplInstantAssessment div.tplInstantAssessmentTitle,
#toppageBanner ul li.line p.m0,
#toppageBanner ul li.auction a dl dt span {
	background: #1C3E1F;
	color: #FFF;
}
div.tplInstantAssessment div.tplInstantAssessmentButton::after {
	color: #1C3E1F;
}
#faqLink dl dd ul li:after,
#faqMain dl dt:before,
#toppageBanner ul li.auction a dl dd ul li p {
	color: #FFF;
}
#propertyLoanRenovation div.result {
	border: 1px solid #C29B5D;
}
div.tplSearchArea ul li a:after,
div.tplSearchAlong ul li ul li a:after,
div.tplSearchPrice div.mainContent ul li a:after {
    border-right: 3px solid #F2E220;
    border-top: 3px solid #F2E220;
}
#catalogCheckAssess dl dt:after {
	border-color: #C29B5D;
}
/*　ボタン1
----------------------------------------*/
div.buttonContent a,
#footerMain div.pagetop a,
#title div.titleSearch div.buttonContent a,
div.tplListMansionCatalog dl dt span a,
#search div.searchButton a,
div.pagenavi ul li.current,
#catalogIndexSearchConditions div.conditionsMain ul li a,
#contact div.buttonContent button,
div.tplPropertyButtons ul li a,
#mypageTab ul li.current a {
	background: #DAB272;
	background: linear-gradient(90deg,rgba(218, 178, 114, 1) 30%, rgba(141, 110, 65, 1) 100%);
	color: #070D12;
}
#footerMain div.pagetop a {
	background: rgba(218, 178, 114, 0.5);
	background: linear-gradient(90deg,rgba(218, 178, 114, 0.7) 30%, rgba(141, 110, 65, 0.7) 100%);
	color: #070D12;
}
/*　ボタン2
----------------------------------------*/
div.pagenavi ul li a {
	background: #FFF;
	color: #000;
}
div.tplListMansionCatalog dl dd ul li a,
#catalogIndexSearchConditions dl dd ul li a,
#catalogIndexSearchBlands dl dd ul li a {
	background: #FFF;
	color: #000;
}
div.tplListMansionCatalog dl dd ul li a::before,
#catalogIndexSearchConditions dl dd ul li a::before,
#catalogIndexSearchBlands dl dd ul li a::before {
	display: block;
	border: 1px solid #DDD;
}
/*　ボタン3
----------------------------------------*/
#search table td.stations p.stations,
#searchConditions p.conditions {
	background: #E5E5E5;
	color: #000;
	font-weight: 500;
}
#search table td.stations p.stations::before,
#searchConditions p.conditions::before {
	display: none;
}
#search table td.stations p.stations::after,
#searchConditions p.conditions::after {
    border-right: 2px solid #000;
    border-top: 2px solid #000;
}
div.tplPropertyLoanMain div.buttonContent ul li.reset a {
	background: #E5E5E5;
	color: #000;
}
div.tplPropertyLoanMain div.buttonContent ul li.reset a::after {
	border-right: 2px solid #000;
	border-top: 2px solid #000;
}
/*　ボタン4
----------------------------------------*/
div.membersContent div.main div.buttonContent ul li.members a,
div.membersContent div.main div.buttonContent ul li.login a,
#toppageNumber div.buttonContent a {
	justify-content: flex-start;
	text-align: left;
	padding: 0 60px 0 20px;
}
#footerContact div.buttonContent ul li:last-child a,
div.membersContent div.main div.buttonContent ul li.login a,
#toppageNumber div.buttonContent a {
	color: #C29B5D;
	background: none;	
}
#footerContact div.buttonContent ul li:last-child a::before,
div.membersContent div.main div.buttonContent ul li.login a::before,
#toppageNumber div.buttonContent a::before,
#toppageAssess a::after {
	display: block;
	border: 1px solid #C29B5D;
}
div.membersContent div.main div.buttonContent ul li a span::after,
#toppageNumber div.buttonContent a span::after,
#toppageAssess a p::after {
	content: '\e941';
	position: absolute;
	right: 15px;
	top: 50%;
	width: 28px;
	height: 28px;
	font-size: 28px;
	line-height: 28px;
	margin: -14px 0 0 0;
	font-family: "Material Symbols Outlined";
	font-weight: 400;
	z-index: 0;
	display: block;
	transition: .3s;
}
div.membersContent div.main div.buttonContent ul li a span::after,
#toppageAssess a p::after {
	right: 25px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	line-height: 40px;
	margin: -20px 0 0 0;
}
#toppageNumber div.buttonContent a:hover span::after {
	right: 10px;
}
div.membersContent div.main div.buttonContent ul li a:hover span::after,
#toppageAssess a:hover p::after {
	right: 20px;
}
@media screen and (max-width: 768px) {
	#toppageAssess a p::after {
		right: 20px;
		top: 50%;
		margin: 70px 0 0;
	}
	#toppageAssess a:hover p::after {
		right: 15px;
	}
}
/*　ボタン5
----------------------------------------*/
div.listContent div.subtitle div.buttonContent a,
div.tplBlog div.subtitle div.buttonContent a,
#toppageCompany div.buttonContent a,
div.tplBlogVoices div.buttonContent a {
	position: relative;
	width: auto;
	display: table;
	color: #C29B5D;
	background: none;
	text-align: left;
	padding: 0 65px 0 0;
}
div.listContent div.subtitle div.buttonContent a span,
div.tplBlog div.subtitle div.buttonContent a span,
#toppageCompany div.buttonContent a span,
div.tplBlogVoices div.buttonContent a span {
	font-size: 120%;
	line-height: 150%;
}
div.listContent div.subtitle div.buttonContent a::before,
div.tplBlog div.subtitle div.buttonContent a::before,
#toppageCompany div.buttonContent a::before,
div.tplBlogVoices div.buttonContent a::before {
	content: "";
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0;
	width: 40px;
	height: 2px;
	background: #C29B5D;
	display: block;
}
div.listContent div.subtitle div.buttonContent a::after,
div.tplBlog div.subtitle div.buttonContent a::after,
#toppageCompany div.buttonContent a::after,
div.tplBlogVoices div.buttonContent a::after {
	content: '\e941';
	position: absolute;
	right: 10px;
	top: 50%;
	width: 28px;
	height: 28px;
	font-size: 28px;
	line-height: 28px;
	margin: -14px 0 0 0;
	font-family: "Material Symbols Outlined";
	z-index: 0;
	display: block;
	transition: .3s;
}
div.listContent div.subtitle div.buttonContent a:hover::after,
div.tplBlog div.subtitle div.buttonContent a:hover::after,
#toppageCompany div.buttonContent a:hover::after,
div.tplBlogVoices div.buttonContent a:hover::after {
	right: 0;
}
@media screen and (max-width: 768px) {
	div.listContent div.subtitle div.buttonContent a,
	div.tplBlog div.subtitle div.buttonContent a,
	#toppageCompany div.buttonContent a,
	div.tplBlogVoices div.buttonContent a {
		padding: 0 35px 0 0;
	}
	div.listContent div.subtitle div.buttonContent a {
		height: 40px;
	}
	div.listContent div.subtitle div.buttonContent a span {
		font-size: 114%;
	}
	div.listContent div.subtitle div.buttonContent a::after,
	div.tplBlog div.subtitle div.buttonContent a::after,
	#toppageCompany div.buttonContent a::after,
	div.tplBlogVoices div.buttonContent a::after {
		width: 20px;
		height: 20px;
		font-size: 20px;
		line-height: 20px;
		margin: -10px 0 0 0;
	}
}
/*　ボタン6
----------------------------------------*/
div.membersContent div.main div.buttonContent ul li.members a,
#toppageContact div.buttonContent a {
	height: 140px;
	box-shadow: rgb(7, 13, 18) 0px 20px 30px -10px;
}
div.membersContent div.main div.buttonContent ul li.members a::before,
#toppageContact div.buttonContent a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	border: 7px solid #8D6E41;
	opacity: 0.5;
	mix-blend-mode: multiply;
	/*box-shadow:0px 0px 10px 10px rgba(141,110,65,0.4) inset;*/
}
div.membersContent div.main div.buttonContent ul li.members a::after,
#toppageContact div.buttonContent a::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	display: block;
	border: 1px solid #FFF;
	opacity: 0.5;
	mix-blend-mode: overlay;
}
@media screen and (max-width: 768px) {
	div.membersContent div.main div.buttonContent ul li.members a::before,
	#toppageContact div.buttonContent a::before {
		border-width: 4px;
	}
	div.membersContent div.main div.buttonContent ul li.members a::after,
	#toppageContact div.buttonContent a::after {
		left: 4px;
		top: 4px;
		width: calc(100% - 8px);
		height: calc(100% - 8px);
	}
}
/*　会員登録・マイページ
----------------------------------------*/
header div.pcNav div.buttonContent ul li.members a,
header div.pcNav div.buttonContent ul li.mypage a,
header div.spNav div.contact div.buttonContent ul li.members a,
header div.spNav div.contact div.buttonContent ul li.mypage a,
div.membersContent div.buttonContent ul li.members a,
#listMain div.membersContent div.membersContentButton ul li.members a,
#listMain div.listMembers span.listMembersButton span,
#listMain div.listMain dl.listLevel2 dd div.right div.banner div.members div.bannerMain div.buttonContent a,
#listMain div.listMain dl.listMembers dd div.right div.buttonContent a,
#register #register01Top div.buttonContent a,
#register #registerFinish div.buttonContent a,
#login div.loginContent.members div.buttonContent a,
#requestLoginMain div.buttonContent ul li.members a,
#toppageMainImg div.slide02 div.buttonContent a,
#catalogDetail #detailTop div.banner dl.buy dd div.buttonContent a {
	background: #DAB272;
	background: linear-gradient(90deg,rgba(218, 178, 114, 1) 30%, rgba(141, 110, 65, 1) 100%);
	color: #070D12;
}
/*　ログイン・ログアウト
----------------------------------------*/
#headerMain div.buttonContent ul li.login a,
#headerMain div.buttonContent ul li.logout a,
header .sidr div.buttonContent ul li.login a,
header .sidr div.buttonContent ul li.logout a,
div.membersContent div.buttonContent ul li.login a,
#listMain div.membersContent div.membersContentButton ul li.login a,
#login div.loginContent.login div.buttonContent a,
#requestLoginMain div.buttonContent ul li.login a,
#passwordFinish div.buttonContent.button03 a {
	color: #C29B5D;
	background: none;
}
#headerMain div.buttonContent ul li.login a::before,
#headerMain div.buttonContent ul li.logout a::before,
header .sidr div.buttonContent ul li.login a::before,
header .sidr div.buttonContent ul li.logout a::before,
div.membersContent div.buttonContent ul li.login a::before,
#listMain div.membersContent div.membersContentButton ul li.login a::before,
#login div.loginContent.login div.buttonContent a::before,
#requestLoginMain div.buttonContent ul li.login a::before,
#passwordFinish div.buttonContent.button03 a::before {
	display: block;
	border: 1px solid #C29B5D;
	opacity: 0.7;
}
/*========================================
　　物件
========================================*/
/*　物件種別アイコン
----------------------------------------*/
div.listContent dl dd div.icons ul li.category,
#listMain div.listMain dl dd div.right div.icons span.category,
div.tplPropertyBase div.icons ul li.category {
	color: #FFF;
	border: 1px solid rgba(255,255,255,0.5);
}
/*　新着アイコン
----------------------------------------*/
div.listContent dl dd div.icons ul li.new,
#listMain div.listMain dl dd div.right div.icons span.new,
div.tplPropertyBase div.icons ul li.new {
	background: #DAB272;
	background: linear-gradient(90deg,rgba(218, 178, 114, 1) 30%, rgba(141, 110, 65, 1) 100%);
	color: #070D12;
	border: 1px solid #8D6E41;
}
/*　値下げアイコン
----------------------------------------*/
div.listContent dl dd div.icons ul li.down,
#listMain div.listMain dl dd div.right div.icons span.down,
div.tplPropertyBase div.icons ul li.down {
	background: #DAB272;
	background: linear-gradient(90deg,rgba(218, 178, 114, 1) 30%, rgba(141, 110, 65, 1) 100%);
	color: #070D12;
	border: 1px solid #8D6E41;
}
/*　SUUMOアイコン
----------------------------------------*/
div.listContent dl dd div.icons ul li.suumo,
#listMain div.listMain dl dd div.right div.icons span.suumo,
div.tplPropertyBase div.icons ul li.suumo {
	background: #08417C;
	color: #FFF;
}
/*　仲介手数料アイコン
----------------------------------------*/
div.feeCircle div.off p span,
div.feeCircle div.off p b {
	color: #C29B5D;
}
div.tplPropertyBase div.icons ul li.fee,
div.listContent dl dd div.icons ul li.fee,
#listMain div.listMain dl dd div.right div.icons span.fee {
	background-color: #C29B5D;
	color: #FFF;
}
/*　価格
----------------------------------------*/
div.listContent dl dd div.price b,
div.listContent dl dd div.loan ul li b,
#listMain div.listMain dl dd div.right div.price b,
div.tplPropertyBase div.price b,
div.catalogList div.catalogListMain div.main span.price b {
	color: #C29B5D;
}
/*　商談中
----------------------------------------*/
div.tplNegotiationBanner {
	border-top: 1px solid #9A8350;
	border-bottom: 1px solid #9A8350;
	background-color: #F5F3EE;
	color: #9A8350;
}
/*　価格変更
----------------------------------------*/
div.tplPropertyPriceChangeMain {
	background: #FEF2E9 !important;
}
div.tplPropertyPriceChange div.priceChangeTitle:after {
	background-color: #C29B5D;
	color: #FFF;
}
div.tplPropertyPriceChangeMain,
div.tplPropertyPriceChange dl dd p.after::before,
div.tplPropertyPriceChange dl dd p.after:after {
	border-color: #C29B5D;
}
div.tplPropertyPriceChange div.priceChangeTitle,
div.tplPropertyPriceChange dl dd p b,
div.tplPropertyPriceChange p.clearfix b {
	color: #C29B5D;
}
@media screen and (max-width: 768px) {
	div.tplPropertyPriceChange div.priceChangeTitle {
		border-bottom: 1px solid #C29B5D;
	}
}
/*　検討リスト
----------------------------------------*/
div.listRequest dl dd ul li:last-of-type a,
#listMain div.listMain dl dd div.right div.buttonContent ul li:last-child a,
div.tplPropertyBase div.banner ul li.examine a {
	background: #DAB272;
	background: linear-gradient(90deg,rgba(218, 178, 114, 1) 30%, rgba(141, 110, 65, 1) 100%);
	color: #070D12;
}
/*　資料請求
----------------------------------------*/
div.listRequest dl dd ul li:first-of-type a,
#listMain div.listMain dl dd div.right div.buttonContent ul li:first-child a,
div.tplPropertyBase div.banner ul li.request a {
	background: #DAB272;
	background: linear-gradient(90deg,rgba(218, 178, 114, 1) 30%, rgba(141, 110, 65, 1) 100%);
	color: #070D12;
}
/*　ポイント
----------------------------------------*/
div.tplPropertyBase div.points ul li,
#catalogDetail #detailTop div.points ul li {
	color: #C29B5D;
	border-color: #C29B5D;
	background-color: none;
}