@charset "utf-8";
.notfound-wrap{ width: 100%; display: flex; flex-direction: column; border: solid 1px #999; /**border-radius:0 0 20px 20px;*/ }
.notfound-wrap.bukken{ width: 94%; border:none; margin: 20px 3%;}
.notfound-wrap .nfttl{ width: 100%; display: flex; flex-direction: column; align-items: center; margin:30px 0; padding: 10px;}
.notfound-wrap.bukken .nfttl{ margin: 20px 0;}

.notfound-wrap .nfttl h2{ width: 100%; display: flex; font-weight: 400; font-size: 12px; justify-content: center; margin-bottom: 10px;}
.notfound-wrap .nfttl p{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; font-size: 24px; margin-bottom: 10px;}
.notfound-wrap .nfttl p > span{ font-size: 16px;}
.notfound-wrap .nfttl p > a{ width: 100%; height: 70px; font-size: 16px; display: flex; align-items: center; justify-content: center; padding: 10px 15px; border: solid 2px #008342; color: #fff; background: #008342; transition: 0.3s; margin: 10px 0; }
.notfound-wrap .nfttl p > a:hover{ color: #008342; background: #fff;}
.notfound-wrap .nfttl p > a.linemaga{ color: #fff; background: #1bb510; border: solid 2px #1bb510;}
.notfound-wrap .nfttl p > a.mailmaga{ color: #fff; background: #008342; border: solid 2px #008342;}
.notfound-wrap .nfttl p > a.linemaga:hover{ background: #071f00; border: solid 2px #1bb510; color: #1bb510;}
.notfound-wrap .nfttl p > a.mailmaga:hover{ background: #ba2f2f; border: solid 2px #222;}

.notfound-wrap .nfttl p .syubetsu{ max-width:460px; display: flex; flex-wrap: wrap; justify-content: center; padding: 10px; margin: 10px auto; background-color: #eee; border: solid 1px #aaa; border-radius: 4px;}
.notfound-wrap .nfttl p .syubetsu b{ width: 100%; display: block; font-size: 12px; margin-bottom: 5px;}
.notfound-wrap .nfttl p .syubetsu a{ display: block; font-size: 12px; font-weight: bold; color: #008342; text-decoration: underline; margin:0 8px 4px; padding: 0 2px;}
.notfound-wrap .nfttl p .syubetsu a.now{ color: #777; pointer-events: none; text-decoration: none;}
.notfound-wrap .nfttl p .syubetsu a:hover{ text-decoration: none; color: #fff; background: #008342;}

/**/
.notfound-wrap #searchChange{ width: 96%; max-width: 96%; margin: 0 2% 50px; overflow: hidden;}

/**/
.notfound-wrap .nf_bukkenTxt{ width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 40px;}
.notfound-wrap .nf_bukkenTxt span{ display: block; font-size: 14px; margin: 3px 0;}
.notfound-wrap .nf_bukkenTxt span a{ width: 90%; min-height: 50px; min-width: 440px; display: flex; font-weight: bold; justify-content: center; align-items: center; font-size: 20px; border: solid 3px #008342; color: #008342; padding: 5px 20px; margin: 6px 5%; }
.notfound-wrap .nf_bukkenTxt span a:hover{color:#fff; background-color: #008342;}
/*--*/
.notfound-wrap .nf_ttlbox{ width: 100%; display: block; flex-direction: column; justify-content: center; align-items: center; padding: 15px; border: solid 1px #aaa; background: #e4f2eb;}
.notfound-wrap .nf_ttlbox h2{ width: 100%; display: flex; justify-content: center; align-items: center; background: #539473; border-radius: 100px; margin-bottom: 20px;}
.notfound-wrap .nf_ttlbox h2 span{ font-size: 18px; color: #fff; font-size: bold;}
.notfound-wrap .nf_ttlbox p{ width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.notfound-wrap .nf_ttlbox p span{ display: block; font-size: 16px; font-weight: 900; margin-bottom: 20px; text-align: center; line-height: 1.8em;}
.notfound-wrap .nf_ttlbox .nf_shop{ width: 100%; display: block; background: #fff; border-radius: 0 0 10px 10px; margin-top: 10px;}
.notfound-wrap .nf_ttlbox .nf_shop h3{ width: 100%; display: block; font-size: 12px; background: #555; color: #fff; text-align: center; padding: 4px;}
.notfound-wrap .nf_ttlbox .nf_shop dl{ width: 100%; display: flex; flex-wrap: wrap; padding:20px 10px;}
.notfound-wrap .nf_ttlbox .nf_shop dl dt{ width:80px; font-size: 12px; font-weight: bold; margin-bottom: 4px; text-align: center;}
.notfound-wrap .nf_ttlbox .nf_shop dl dd{ width: calc(100% - 80px); display: flex; flex-wrap: wrap; margin-bottom: 20px; padding-left: 5px;}
.notfound-wrap .nf_ttlbox .nf_shop dl dd:last-child{ margin-bottom: 0;}
.notfound-wrap .nf_ttlbox .nf_shop dl dd a{ display: block; line-height: 1em; font-size: 11px; font-weight: 500; margin: 0 10px 6px 0; border: solid 1px #aaa; color: #222; padding: 5px 8px; border-radius: 2px; letter-spacing: 0;}
.notfound-wrap .nf_ttlbox .nf_shop dl dd a:hover{background: #008342; color: #fff; border: solid 1px #008342;}
.notfound-wrap .nf_ttlbox ul{width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; margin-top: 20px;}
.notfound-wrap .nf_ttlbox ul li{ display: flex; flex-wrap: wrap; margin-bottom: 15px;}
.notfound-wrap .nf_ttlbox ul li a{display: block; line-height: 1em; font-size: 11px; font-weight: 500; margin: 0 24px 5px 0; letter-spacing: 0;}
.notfound-wrap .nf_ttlbox ul li a:hover{text-decoration: underline; color: #008342;}


/*--*/
.notfound-wrap .toriatsukai{ width: 100%; margin: 0 0 40px; display: flex; flex-direction: column; align-items: center; border: solid 1px #aaa; padding:10px; border-radius:4px;}
.notfound-wrap .toriatsukai h3{ font-size: 14px; padding: 5px;}
.notfound-wrap .toriatsukai dl{ width: 100%; display: flex; align-items: center; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.2); padding: 10px; border-radius: 4px; margin: 8px 0; border: solid 1px #eee;}
.notfound-wrap .toriatsukai dl dt{ display: block; padding-right: 10px;}
.notfound-wrap .toriatsukai dl dt a{ min-height: 100px; display: flex; justify-content: flex-start; align-items: center;}


.notfound-wrap .toriatsukai dl dt a .ttl{ width:190px; display: flex; flex-direction: column; align-items: center; font-size: 14px; font-weight: bold; color: #111; text-align: center; transition: 0.4s;}
.notfound-wrap .toriatsukai dl dt a .ttl span{ width: auto; display: block; color: #fff; padding: 0px 5%; font-size: 10px; padding: 2px 15px; background-color: #aaa; border-radius: 10px; transition: 0.4s;}
.notfound-wrap .toriatsukai dl dt a:hover .ttl{ color: #008342;}
.notfound-wrap .toriatsukai dl dt a:hover .ttl span{ background: #008342;}

.notfound-wrap .toriatsukai dl dt a .txt{ width: 300px; flex:1; display: flex; flex-direction: column; align-items: flex-start;}
.notfound-wrap .toriatsukai dl dt a .txt > span{ display: flex; align-items: center; font-size: 12px; padding: 4px 0;}
.notfound-wrap .toriatsukai dl dt a .txt > span b{ font-size: 12px; width: 70px; color: #333; transition: 0.4s;}
.notfound-wrap .toriatsukai dl dt a .txt > span span{ flex:1; line-height: 1.1em; font-size: 12px; letter-spacing: 0; color: #333; transition: 0.4s;}
.notfound-wrap .toriatsukai dl dt a:hover .txt > span b,
.notfound-wrap .toriatsukai dl dt a:hover .txt > span span{ color: #008342;}
.notfound-wrap .toriatsukai dl dt a:hover .txt > span span{  text-decoration: underline;}
/**/
.notfound-wrap .toriatsukai dl dd{ display: flex; flex: 1;}
.notfound-wrap .toriatsukai dl dd .info{ display: flex; flex-direction: column; align-items: flex-start; padding: 10px;}
.notfound-wrap .toriatsukai dl dd .info .tel{ font-size: 20px; font-weight: 600; color: #d75a45;}
.notfound-wrap .toriatsukai dl dd .info .tel span{ display: block; font-size: 10px; letter-spacing: 0; font-weight: 500; color: #555; letter-spacing: 0; line-height: 1.1em;}
.notfound-wrap .toriatsukai dl dd .info a{ width: auto; height: 30px; display: flex; justify-content: center; align-items: center; background: #008342; color: #fff; font-weight: bold; font-size: 12px; padding: 0 10px; border-radius: 6px; margin-top: 10px; transition: 0.4s;}
.notfound-wrap .toriatsukai dl dd .info a:hover{ background: #d75a45;}



/* ===============================================================
 otherBlock
=============================================================== */
.otherBlock{
	width: 94%;
	padding: 5px 15px 5px;
	border: 3px solid #44a97c;
	margin:0px 2% 30px;
}
.otherBlock .ttl{
	position: relative;
	display: flex;
	align-items: baseline;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.otherBlock .ttl span{
	font-weight: 500;
	font-size: 13px;
	margin-left: 5px;
}
.otherBlock .dt-item{
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	font-size: 0;
}
.otherBlock .dt-item:last-child{
	border-bottom: 0;
}
.otherBlock .dt-item.now{
	background: #eee;
	border-radius: 7px;
	border: none;
}
.otherBlock .statWrap,
.otherBlock .item-imgBox,
.otherBlock .subInfoBox,
.otherBlock .subInfoBox dl,
.otherBlock .more,
.otherBlock .btn{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.otherBlock .statWrap li{
	color: #fff;
	font-weight: bold;
	display: none;
	width: 56px;
	text-align: center;
	padding: 2px;
	border-radius: 15px;
	font-size: 12px;
}
.otherBlock .now .statWrap .now{
	display: inline-block;
	background-color: #44a97c;
}
.otherBlock .seen .statWrap .seen{
	display: inline-block;
	background-color: #333333;
}
.otherBlock .dt-item dt{
	font-size: 12px;
	margin-bottom: 2px;
}
.otherBlock .dt-item dd{
	font-size: 20px;
}
.otherBlock .dt-item .madori{
	width: 70px;
	height: 70px;
	border: 1px solid #ccc;
	background: #fff;
	display: block;
}
.otherBlock .dt-item .madori:after{
	content: '';
	position: absolute;
	display: block;
	background-color: #555;
	background-image: url(https://www.fukuya-k.co.jp/assets/pc/common/img/icon_search_wh.png);
	background-repeat: no-repeat;
	background-size: 10px auto;
	background-position: center;
	bottom: 2px;
	left: 2px;
	width: 18px;
	height: 18px;
	pointer-events: none;
	border-radius: 9px;
}
.otherBlock .dt-item .price .clrRed{
	font-size: 26px;
	font-weight: bold;
}
.otherBlock .dt-item .more a{
	display: block;
	font-size: 12px;
	color: #333;
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 6px 15px;
	background-color: #fff;
}
.otherBlock .dt-item .more a:hover{
	padding: 4px 15px;
	border: 2px solid #008342;
	color: #008342;
}
.otherBlock .dt-item .favBtn{
	width: 58px;
	height: 44px;
	padding-top: 25px;
	background-position: center top 7px;
}
.otherBlock .dt-item .statWrap{width: 90px;}
.otherBlock .dt-item .item-imgBox{width: 70px;}
.otherBlock .dt-item .price{width: 170px;}
.otherBlock .dt-item .floor{width: 65px;}
.otherBlock .dt-item .room{width: 100px;}
.otherBlock .dt-item .space{width: 120px;}
.otherBlock .dt-item .light{width: 65px;}
.otherBlock .dt-item .more{width: 120px;margin-left: 45px;}
.otherBlock .dt-item .btn{width: 54px;margin-left: 20px;}