@charset "utf-8";

/**************************************************
 * カウンター送客用バナー
 **************************************************/

.my-counter-banner {
	padding: 24px 16px;
	background-color: #e9f3f7;
}

.counter-banner-title {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.counter-banner-title p {
	font-weight: 600;
	color: #333;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 1.4;
}

.counter-banner-title .logo-title {
	font-size: 16px;
	line-height: 1;
}

.counter-banner-title .logo {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: 1px;
}

.counter-banner-title .logo::before {
	display: block;
	content: "";
	background: url(https://asset01.suumo.jp/sp/img/my/common/logo_counter.png?id=20260205fd906421303) no-repeat;
	width: 212px;
	height: 44px;
	background-size: 212px;
}

.counter-banner-contents {
	padding-top: 8px;
}

.counter-banner-contents .banner {
	height: 82px;
	margin-bottom: 8px;
	border-radius: 12px;
	box-shadow: 0 1px 3px 0 rgba(74, 113, 131, 0.2), 0 2px 1px -1px rgba(74, 113, 131, 0.12), 0 1px 1px 0 rgba(74, 113, 131, 0.14);
	background: #fff;
}

.counter-banner-contents .banner a {
	color: #333;
	width: 100%;
	display: inline-block;
	position: relative;
}

.counter-banner-contents .banner a.ui-hover {
	border-radius: 12px;
	background-color: #ebebeb;
}

.counter-banner-contents .banner-item {
	display: flex;
	height: 82px;
}

.counter-banner-contents .imgCounter {
	display: block;
	width: 100px;
	border-radius: 12px 0 0 12px;
	flex-shrink: 0;
}

.counter-banner-contents .counter-chumon .imgCounter {
	background: url(https://asset01.suumo.jp/sp/img/my/common/counter_banner_chumon.png?id=20260205fd906421303) no-repeat;
	background-size: 100px;
}

.counter-banner-contents .counter-mansion .imgCounter {
	background: url(https://asset01.suumo.jp/sp/img/my/common/counter_banner_mansion.png?id=20260205fd906421303) no-repeat;
	background-size: 100px;
}

.counter-banner-contents .banner-text {
	padding: 12px;
}

.counter-banner-contents .banner-text .topic {
	display: flex;
	padding-bottom: 4px;
	align-items: center;
	height: 20px;
}

.counter-banner-contents .banner-text .topic p {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
}

.counter-banner-contents .banner-text .topic::after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: url(https://asset01.suumo.jp/sp/img/my/common/icon_window.png?id=20260205fd906421303) left center no-repeat;
	background-size: 14px;
	flex-shrink: 0;
	margin: 3px 0 3px 2px;
}

.counter-banner-contents .banner-text .text {
	font-size: 12px;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: 0;
	color: #576971;
}