@media screen and (max-width: 896px) {
	body {
		margin: 0;
		padding: 0;
		color: #111;
		font-size: 14px;
		line-height: 22px;
		font-weight: normal;
		font-family: 'Noto Sans JP', "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		overflow: hidden;
	}
	ul, li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	a {
		text-decoration: none;
	}
	p {
		margin: 0;
	}
	img {
		vertical-align: bottom;
	}
	img.of_js {
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	.sp_off {
		display: none;
	}
	@font-face {
		font-family: 'Noto Sans JP';
		font-style: normal;
		font-weight: 400;
		src: local("Noto Sans CJK JP Regular"),
			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
	}
	/* nomal */
	@font-face {
		font-family: "Century Gothic";
		src: url('/font/GOTHIC_0.woff2') format('woff'),
			url('/font/GOTHIC_0.TTF') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	/* bold */
	@font-face {
		font-family: "Century Gothic";
		src: url('/font/GOTHICB_0.woff2') format('woff'),
			url('/font/GOTHICB_0.TTF') format('truetype');
		font-weight: bold;
		font-style: normal;
	}
	/* ----------------------------------------
	bukken_new
	---------------------------------------- */
	.det_bu_new_ifr {
		width: 100%;
		height: auto;
	}
	.det_bu_new_item {
		margin: 0 3%;
		margin-bottom: 13px;
		padding-bottom: 10px;
		border-bottom: 1px dashed #ccc;
		position: relative;
	}
	.det_bu_new_item:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.det_bu_new_img {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 56.25%;
	}
	.det_bu_new_img iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
	}
	.det_bu_new_tx {
		width: 100%;
	}
	.det_bu_new_tx a {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background/*¥**/: #fff¥9;
		filter: alpha(opacity=0);
		z-index: 1;
		padding-top: 58.25%;
		box-sizing: border-box;
	}
	.det_bu_new_tx a span.det_bu_new_item_tl {
		font-size: 15px;
		line-height: 20px;
		left: 0;
		color: #111;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
	}
	.det_bu_new_tx hr {
		width: 35px;
		height: 3px;
		background-color: #111;
		border: none;
		text-align: left;
		margin: 0;
		margin-top: 35px;
		margin-bottom: 5px;
	}
	.det_bu_new_tx span.det_bu_new_name {
		font-size: 14px;
		line-height: 20px;
		color: #999;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.det_bu_new_tx p {
		font-size: 12px;
		line-height: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.det_bu_new_tag {
		margin-top: 5px;
	}
	.det_bu_new_tag p {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	.det_bu_new_tag label {
		margin: 2px;
		display: block;
		color: #111;
		font-size: 11px;
		border: 1px solid #111;
		background: #fff;
		padding: 0 10px;
		position: relative;
		width: auto;
	}
	.det_bu_new_tag label::before {
		content: "#";
	}
	/* ----------------------------------------
	architect,town_new
	---------------------------------------- */
	.det_town_new_item .det_bu_new_tag {
		margin-top: 40px;
	}
	.det_bu_new_p {
		font-size: 13px;
		line-height: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 40px;
		color: #999;
		margin-top: 7px;
		margin-bottom: 5px;
	}
	
}