@charset "utf-8";

/* search top */
/* 表示 */
.search_top-disp          { display: none ;}
.search_top_chintai       { display: block ;}
.search_top_chuko-mansion { display: none ;}
#search_top:checked + .search_top_disp .search_top_chintai       { display: none ;}
#search_top:checked + .search_top_disp .search_top_chuko-mansion { display: block ;}
/* style */
.search_top {
	background-color: #f3f3f3 ;
}
.search_top_tab {
	background-color: #fff ;
	border-top: 4px solid #e31e77 ;
	zoon: 1 ;
}
.search_top_chuko-mansion .search_top_tab {
	border-top-color:  #e5bb67 ;
}
.search_top_tab:after {
	/* clearfix */
	content: "";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.search_top_tab li {
	float: left ;
	width: 50% ;
	height: 56px ;
	font-weight: bold ;
	line-height: 120% ;
	text-align: center ;
	list-style-type: none ;
}
.search_top_tab_selected {
	position: relative ;
	color: #fff ;
	background-color: #e31e77 ;
}
.search_top_chuko-mansion .search_top_tab_selected {
	background-color: #e5bb67 ;
}
.search_top_tab_selected:before {
	content:"";
	position: absolute ;
	top: 5px ;
	left: 4px ;
	display: block ;
	width: 18px ;
	height: 18px ;
	background-image: url(/smp/pet/img/ico_menu_v3.png);
	background-position: 0 -288px ;
	background-repeat: no-repeat ;
	background-size: 18px ;
}
.search_top_tab_btn label {
	display: block ;
	height: 100% ;
	box-sizing: border-box ;
}
.search_top_tab-chintai {
	padding-top: 9px ;
}
.search_top_tab-chuko-mansion {
	padding-top: 18px ;
}

/* 前回検索した条件 */
.top_last_search {
	padding-bottom: 20px ;
}
#search_url {
	text-decoration: none ;
}
.top_last_search span {
	color: #333 ;
	font-size: 1rem ;
	font-weight: bold ;
	padding-bottom: 10px ;
}
#search_str {
	font-size: 0.85rem ;
	line-height: 140% ;
	background-color: #fff ;
	border: 1px solid #aaa ;
	border-radius: 4px ;
	padding: 10px ;
	margin-top: 8px ;
	box-shadow: 0 -3px 0 0 #eaeaea inset ;
}

.search_top_contents {
	padding: 30px 15px 50px 15px ;
}
.search_top_title {
	font-size: 1.37rem ;
	line-height: 130% ;
	text-align: center ;
	border-bottom: 3px solid #e31e77 ;
	padding-bottom: 5px ;
	margin-bottom: 20px ;
}
.search_top_chuko-mansion .search_top_title {
	font-size: 1.2rem ;
	border-bottom-color: #e5bb67 ;
}
/* search top menu */
.search_top_menu {
	zoom: 1 ;
}
.search_top_menu:after {
	/* clearfix */
	content: "";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.search_top_menu li {
	list-style-type: none ;
}
/* 路線・地域から探す */
.search_top_menu-rail,
.search_top_menu-area {
	width: 49% ;
	font-size: 0.9rem ;
	font-weight: bold ;
}
.search_top_menu-rail {
	float: left ;
}
.search_top_menu-area {
	float: right ;
}
.search_top_menu-rail .search_top_menu_btn,
.search_top_menu-area .search_top_menu_btn {
	display: block ;
	padding: 20px 5px ;
	cursor: pointer ;
}
.search_top_menu-rail .search_top_menu_btn_wrap,
.search_top_menu-area .search_top_menu_btn_wrap {
	padding-left: 40px ;
}
.search_top_menu-rail em,
.search_top_menu-area em {
	display: block ;
	font-size: 1.37rem ;
	margin-bottom: 3px ;
}
.search_top_menu-rail .ico-rail,
.search_top_menu-area .ico-area {
	position: absolute ;
	top: 50% ;
	left: 0 ;
}
.search_top_menu-rail .ico-rail {
	margin-top: -18px ;
}
.search_top_menu-area .ico-area {
	margin-top: -20px ;
}

/* 路線から探す(エリア版) */
.search_top_menu-rail2 {}
.search_top_menu-rail2_title {}
.search_top_menu-rail2_list {
	background-color: #fff ;
	border: 1px solid #aaa ;
	border-radius: 4px ;
	margin-top: 8px ;
}
.search_top_menu-rail2_area {
	display: block ;
	position: relative ;
	font-weight: bold ;
	border-top: 1px solid #ddd ;
	padding: 17px 15px ;
	cursor: pointer ;
}
.search_top_menu-rail2_list div:nth-of-type(1) .search_top_menu-rail2_area {
	border-top: 0 ;
	border-radius: 3px 3px 0 0 ;
}
.search_top_menu-rail2_area:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 10px ;
	display: block ;
	width: 19px ;
	height: 19px ;
	margin-top: -9px ;
	background-color: #e31e77 ;
	border-radius: 10px ;
}
.search_top_menu-rail2_area:after {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 16px ;
	display: block ;
	width: 5px ;
	height: 5px ;
	margin-top: -4px ;
	border-right: 2px solid #fff ;
	border-bottom: 2px solid #fff ;
	transform        : rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.search_chintai_rail2_pref-disp:checked + .search_chintai_rail2_disp .search_top_menu-rail2_area {
	background-color: #fff4f9 ;
}
.search_chintai_rail2_pref-disp:checked + .search_chintai_rail2_disp .search_top_menu-rail2_area:after {
	margin-top: -2px ;
	border-right: 0 ;
	border-bottom: 0 ;
	border-top: 2px solid #fff ;
	border-left: 2px solid #fff ;
}
.search_chintai_rail2_disp a {
	position: relative ;
	display: block ;
	color: #333 ;
	text-decoration: none ;
	border-top: 1px solid #ddd ;
	padding: 17px 15px 17px 30px ;
}
.search_chintai_rail2_disp a:nth-of-type(1) {
	border-top: 1px solid #ddd ;
}
.search_chintai_rail2_disp a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 14px ;
	display: block ;
	width: 8px ;
	height: 8px ;
	margin-top: -5px ;
	border-top: 2px solid #e31e77 ;
	border-right: 2px solid #e31e77 ;
	transform        : rotate(45deg);
	-webkit-transform: rotate(45deg);
}
/* 表示設定 */
.search_chintai_rail2_pref-disp { display: none ;}
.search_chintai_rail2_disp a { display: none ;}
.search_chintai_rail2_pref-disp:checked + .search_chintai_rail2_disp a { display: block ;}
.search_top_menu-station_title,
.search_top_menu-rail2_title {
	position: relative ;
	padding-left: 30px ;
}
.search_top_menu-station_title:before,
.search_top_menu-rail2_title:before {
	content:"";
	position: absolute ;
	top: -4px ;
	left: 0 ;
	display: block ;
	width: 22px ;
	height: 22px ;
	background-image: url(/smp/pet/img/ico_menu_v3.png);
	background-position: 0 -330px ;
	background-repeat: no-repeat ;
	background-size: 22px auto ;
}

/* 駅名から探す */
.search_top_menu-station {
	clear: both ;
	padding-top: 20px ;
	padding-bottom: 20px ;
	zoom: 1 ;
}
.search_top_menu-station:after {
	/* clearfix */
	content: "";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.search_top_menu-station_title,
.search_top_menu-rail2_title {
	position: relative ;
	padding-left: 30px ;
}
.search_top_menu-station_title:before,
.search_top_menu-rail2_title:before {
	content:"";
	position: absolute ;
	top: -4px ;
	left: 0 ;
	display: block ;
	width: 22px ;
	height: 22px ;
	background-image: url(/smp/pet/img/ico_menu_v3.png);
	background-position: 0 -330px ;
	background-repeat: no-repeat ;
	background-size: 22px auto ;
}
.search_top_menu-station_form {
	position: relative ;
	padding-top: 8px ;
}
.search_top_menu-station_form_txt {
	float: left ;
	width: 80% ;
	height: 2.8rem ;
	border: 1px solid #aaa ;
	border-right: 0 ;
	border-radius: 3px 0 0 3px ;
	padding: 0.9rem 8px ;
	box-sizing: border-box ;
}
.search_top_menu-station_form_btn {
	position: relative ;
	display: block ;
	float: left ;
	width: 20% ;
	height: 2.8rem ;
	background-color: #e31e77 ;
	border: 1px solid #e31e77 ;
	border-radius: 0 3px 3px 0 ;
	box-sizing: border-box ;
}
.search_top_menu-station_form_txt,
.search_top_menu-station_form_btn {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.search_top_menu-station_form_btn:before,
.search_top_menu-station_form_btn:after {
	content:"";
	position: absolute ;
	top: 50% ;
	left: 50% ;
	display: block ;
}
.search_top_menu-station_form_btn:before {
	width: 17px ;
	height: 17px ;
	margin-top: -12px ;
	margin-left: -12px ;
	border: 2px solid #fff ;
	border-radius: 10px ;
}
.search_top_menu-station_form_btn:after {
	width: 3px ;
	height: 10px ;
	margin-top: 3px ;
	margin-left: 7px ;
	background-color: #fff ;
	border-radius: 2px ;
	transform:         rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

/* search select menu animation */
.search_select-disp {
	display: none ;
}
.search_select_back {
	position: fixed ;
	left: 0 ;
	top: 0 ;
	display: none ;
	width: 100% ;
	height: 100% ;
	background-color: rgba(0, 0, 0, 0);
	z-index: 100 ;
}
.search_select_disp  {
	display: inline-block ;
}
.search_select-disp:checked + .search_select_disp .search_select_back {
	display: block ;
}
.search_select_wrap {
	position: fixed ;
	left: 0 ;
	bottom: -100%;
	width: 100% ;
	height: 100% ;
	background-color: #fff ;
	z-index: 105 ;

	transition        : bottom 0.3s ;
	-webkit-transition: bottom 0.3s ;
}
.search_select-disp:checked + .search_select_disp .search_select_wrap {
	bottom: 0;
}
.search_select_body {
	position: relative ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 100% ;
	/* scroll */
	overflow: auto ;
	overflow-scrolling        : touch;
	-webkit-overflow-scrolling: touch;
}
/* search select menu style */
.search_select_disp {
	position: absolute ;
}
.search_select_close {
	position: absolute ;
	top: 8px ;
	right: 4px ;
	display: block ;
	width: 50px ;
	height: 50px ;
}
.search_select_close:before,
.search_select_close:after {
	content:"";
	position: absolute ;
	top: 50% ;
	left: 50% ;
	display: block ;
	width: 3px ;
	height: 25px ;
	margin-top: -13px ;
	background-color: #ccc ;
	border-radius: 3px ;
}
.search_select_close:before {
	transform:         rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.search_select_close:after {
	transform:         rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.search_select_close-bottom {
	display: block ;
	text-align: center ;
	border-top: 1px solid #ccc ;
	padding: 25px 10px ;
}
.search_select_title {
	font-size: 1.2rem ;
	font-weight: bold ;
	border-top: 5px solid #e31e77 ;
	padding: 18px 15px ;
}
.search_select_list dt {
	font-weight: bold ;
	background-color: #f3f3f3 ;
	border-top: 1px solid #ccc ;
	padding: 8px 15px ;
}
.search_select_list dd {
	border-top: 1px solid #ccc ;
}
.search_select_list dd span {
	position: relative ;
	display: block ;
	color: #333 ;
	font-weight: bold ;
	text-indent: 1rem ;
	text-decoration: none ;
	padding: 18px 15px ;
	cursor: pointer ;
}
.search_select_list dd span:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 15px ;
	display: block ;
	width: 11px ;
	height: 11px ;
	margin-top: -6px ;
	border-top: 3px solid #ccc ;
	border-right: 3px solid #ccc ;
	transform:         rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/* お気に入り・保存した条件 */
.search_top_menu-fav,
.search_top_menu-save {
	width: 49% ;
}
.search_top_menu-fav {
	float: left ;
}
.search_top_menu-save {
	float: right ;
}
.search_top_menu-fav a,
.search_top_menu-save a {
	position: relative ;
	display: block ;
	color: #333 ;
	padding: 18px 5px ;
}
.search_top_menu-fav .search_top_menu_btn_wrap,
.search_top_menu-save .search_top_menu_btn_wrap {
	padding-left: 27px ;
}
.search_top_menu-fav .search_top_menu_btn_wrap:before,
.search_top_menu-save .search_top_menu_btn_wrap:before {
	content:"";
	position: absolute ;
	top: 50% ;
	left: 0 ;
	display: block ;
	width: 22px ;
	height: 22px ;
	background-image: url(/smp/pet/img/ico_menu_v3.png);
	background-repeat: no-repeat ;
	background-size: 22px auto ;
}
.search_top_menu-fav .search_top_menu_btn_wrap:before {
	margin-top: -12px ;
	background-position: 0 -44px ;
}
.search_top_menu-save .search_top_menu_btn_wrap:before {
	margin-top: -11px ;
	background-position: 0 -22px ;
}
/* 中古マンション */
.search_top_menu-pref {
	zoom: 1 ;
}
.search_top_menu-pref:after,
.search_top_menu-pref dl:after {
	/* clearfix */
	content: "";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.search_top_menu-pref dl {
	padding-bottom: 20px ;
	zoom: 1 ;
}
.search_top_menu-pref dt {
	font-weight: bold ;
}
.search_top_menu-pref dd {
	float: left ;
	width: 49% ;
	padding-top: 7px ;
}
.search_top_menu-pref dd:nth-child(odd){
	margin-left: 2% ;
}
.search_top_menu-pref a {
	display: block ;
	color: #333 ;
	font-weight: bold ;
	text-decoration: none ;
	padding: 15px 5px ;
}
/* ボタンスタイル */
.search_top_menu_btn {
	text-align: center ;
	background-color: #fff ;
	border: 1px solid #aaa ;
	border-radius: 4px ;
	box-shadow: 0 -3px 0 0 #eaeaea inset ;
}
.search_top_menu_btn_wrap {
	position: relative ;
	display: inline-block ;
	text-align: left ;
}

/* contents ----------------------------------------------------- */
.contents_main {
	background-color: #f3f3f3 ;
	padding-bottom: 50px ;
}

/* news */
.contents_news {
	background-color: #fff ;
	border-top: 4px solid #e31e77 ;
	display:none; /* 201912で更新情報を削除（非表示に） */
}
.contents_news_title {
	font-size: 1.15rem ;
	padding: 15px ;
}
.contents_news_list li {
	border-top: 1px solid #ccc ;
	list-style-type: none ;
}
.contents_news_topic_title_wrap {
	display: flex;
	width: 100% ;
	align-items: center ;
	background-color: rgba(255, 255, 255, 0.8);
	/* padding: 8px ; */
}
.contents_news_topic_date {
	display: block ;
	color: #888 ;
	font-size: 0.8rem ;
	font-weight: normal ;
}
.contents_news_topic_category {
	width: 20% ;
	color: #fff ;
	font-size: 0.75rem ;
	font-weight: bold ;
	line-height: 120% ;
	text-align: center ;
	background-color: #e31e77 ;
	padding: 5px ;
	white-space: nowrap ;
}
.contents_news_topic_title {
	width: 80% ;
	color: #333 ;
	font-size: 0.9rem ;
	padding-left: 10px ;
}
.contents_news_topic_link {
	display: flex;
	align-items: center ;
	color: #333 ;
	line-height: 120% ;
	text-decoration: none ;
	padding: 8px ;
}

/* おすすめコンテンツ */
.contents_osusume {
	background-color: #f3f3f3 ;
}
.contents_osusume_title {
	font-size: 1.15rem ;
	background-color: #fff ;
	border-top: 4px solid #e31e77 ;
	border-bottom: 1px solid #ccc ;
	padding: 15px ;
}
.contents_topic_title {
	text-align: center ;
	padding-top: 20px ;
	padding-bottom: 10px ;
}
.contents_topic_title img {
	width: 75% ;
	max-width: 340px ;
}
.contents_topic_txt {
	display: block ;
	color: #888 ;
	font-size: 0.9rem ;
	line-height: 130% ;
	padding: 0 15px 13px ;
}
.contents_topic_all {
	position: relative ;
	display: block ;
	color: #333 ;
	font-size: 0.9rem ;
	text-decoration: none ;
	text-align: right ;
	background-color: #fff ;
	padding: 20px 40px 20px 10px ;
	border-bottom: 1px solid #ccc ;
}
.contents_topic_all:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 15px ;
	display: block ;
	width: 10px ;
	height: 10px ;
	margin-top: -6px ;
	border-top: 2px solid #ddd ;
	border-right: 2px solid #ddd ;
	transform:         rotate(45deg);
	-webkit-transform: rotate(45deg);
}
/* 記事リンク */
.contents_topic_dogresort,
.contents_topic_dognavi,
.contents_topic_recipe {
	/* max-width: 640px ; */
	margin-left: auto ;
	margin-right: auto ;
}
.contents_feature_list {
	background-color: #fff ;
	border-bottom: 1px solid #ccc ;
	list-style-type: none ;
	zoom: 1 ;
}
.contents_feature_list:after {
	/* clearfix */
	content: "";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.contents_feature_list_top_item {
	border-top: 1px solid #ccc ;
}
.contents_feature_list_top_link {
	display: block ;
	color: #333 ;
	line-height: 120% ;
	text-decoration: none ;
	background-position: center ;
	background-repeat: no-repeat ;
	background-size: cover ;
	padding-top: 150px ;
}
.contents_feature_list_top_title {
	font-size: 1.0.5rem ;
	padding: 13px 15px 5px ;
	background-color: rgba(255, 255, 255, 0.9);
}
.contents_feature_list_top_txt {
	font-size: 0.85rem ;
	padding: 0 15px 10px ;
	background-color: rgba(255, 255, 255, 0.9);
}
.contents_feature_list_item {
	float: left ;
	width: 50% ;
	border-top: 1px solid #ccc ;
	box-sizing: border-box ;
}
.contents_feature_list_item:nth-child(even){
	border-right: 1px solid #ccc ;
}
.contents_feature_list_item:nth-child(odd){
	margin-left: -1px ;
	border-left: 1px solid #ccc ;
}
.contents_feature_list_link {
	display: block ;
	color: #333 ;
	text-decoration: none ;
	padding: 10px ;
}
.contents_feature_list_img {
	display: block ;
	width: 100% ;
	height: 100px ;
	background-position: center ;
	background-repeat: no-repeat ;
	background-size: cover ;
}
.contents_feature_list_title {
	font-size: 0.9rem ;
	font-weight: bold ;
	line-height: 130% ;
	padding-top: 10px ;
}
/* 読み物リンク */
.contents_top_link {
	padding: 0 15px ;
}
.contents_top_link li {
	background-color: #fff ;
	border: 1px solid #ccc ;
	border-radius: 4px ;
	margin-top: 15px ;
	list-style-type: none ;
}
.contents_top_link a {
	position: relative ;
	display: block ;
	color: #333 ;
	line-height: 120% ;
	font-weight: bold ;
	text-decoration: none ;
	padding: 15px 5px 15px 120px ;
}
.contents_top_link a:before {
	content:"";
	position: absolute ;
	top: 0 ;
	left: 0 ;
	display: block ;
	width: 110px ;
	height: 100% ;
	background-image: url(/smp/pet/img/contents_top_link.jpg);
	background-repeat: no-repeat ;
	background-size: 110px auto ;
	border-radius: 3px 0 0 3px ;
}
.contents_top_link-estate    a:before { background-position: 0 0 ;}
.contents_top_link-symbiosis a:before { background-position: 0 -70px ;}
.contents_top_link-howto     a:before { background-position: 0 -140px ;}
.contents_top_link-cafe      a:before { background-position: 0 -210px ;}



/*-----------------------------------------
  smp top MyMenu
------------------------------------------*/
.top_mymenu {
	position: relative ;
	color: #333 ;
	background-color: #eaedef ;
	border-top: 3px solid #e31e77 ;
}
.top_mymenu a {
	color: #333 ;
	text-decoration: none ;
}
.top_mymenu_title {
	font-size: 95% ;
	font-weight: bold ;
	background-color: #fff ;
	padding: 17px 10px ;
}
.top_mymenu_view-btn {
	position: absolute ;
	top: 0 ;
	right: 0 ;
	color: #555 ;
	font-size: 80% ;
}
.top_mymenu_view-btn_open,
.top_mymenu_view-btn_close {
	display: block ;
	text-align: right ;
	padding: 17px 35px 17px 15px ;
	cursor: pointer ;
}
.top_mymenu_view-btn_close {
	display: none ;
}
.top_mymenu_view-btn_open:before,
.top_mymenu_view-btn_close:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 15px ;
	display: block ;
	width: 0 ;
	height: 0 ;
	margin-top: -2px ;
	border: 6px solid transparent ;
	border-top-color : #e31e77 ;
	border-bottom: 0 ;
}
.top_mymenu_body {
	padding: 10px 10px 10px ;
	zoom: 1 ;
}
.top_mymenu_body:after {
	/* clearfix */
	content: "";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.top_mymenu_fav,
.top_mymenu_last,
.top_mymenu_save,
.top_mymenu_checksheet {
	position: relative ;
	padding-bottom: 10px ;
}
.top_mymenu_fav  { float:  left ; width: 49% ;}
.top_mymenu_last { float: right ; width: 49% ;}
.top_mymenu_save,
.top_mymenu_checksheet { clear: both ;}

.top_mymenu_subtitle {
	position: relative ;
	display: block ;
	font-size: 80% ;
	font-weight: bold ;
	background-color: #fff ;
	border-radius: 5px 5px 0 0 ;
	padding: 12px 10px 10px 30px ;
}
.top_mymenu_save .top_mymenu_subtitle {
	padding-left: 33px ;
}
.top_mymenu_last .top_mymenu_subtitle {
	padding-left: 38px ;
}
.top_mymenu_fav  .top_mymenu_subtitle:before,
.top_mymenu_last .top_mymenu_subtitle:before,
.top_mymenu_save .top_mymenu_subtitle:before {
	content:"";
	position: absolute ;
	top: 50% ;
	display: block ;
	background-repeat: no-repeat ;
	background-position: top left ;
}
.top_mymenu_fav .top_mymenu_subtitle:before {
	left: 6px ;
	width: 20px ;
	height: 20px ;
	margin-top: -10px ;
	background-image: url(/smp/img/ico_menu_v3.png);
	background-position: 0 -41px ;
	background-size: 20px auto ;
}
.top_mymenu_last .top_mymenu_subtitle:before {
	left: 10px ;
	width: 22px ;
	height: 22px ;
	margin-top: -11px ;
	background-image: url(/smp/img/ico_menu_v3.png);
	background-position: 0 -374px ;
	background-size: 22px auto ;
}
.top_mymenu_save .top_mymenu_subtitle:before {
	left: 6px ;
	width: 20px ;
	height: 20px ;
	margin-top: -10px ;
	background-image: url(/smp/img/ico_menu_v3.png);
	background-position: 0 -20px ;
	background-size: 20px auto ;
}
.top_mymenu_cnt {
	position: absolute ;
	top: 12px ;
	right: 10px ;
	color: #888 ;
	font-size: 80% ;
}
.top_mymenu_fav_body,
.top_mymenu_last_body,
.top_mymenu_save_body {
	background-color: #fff ;
	border-radius: 0 0 5px 5px ;
	padding: 0 10px 10px 10px ;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
.top_mymenu_fav_nodata,
.top_mymenu_last_nodata,
.top_mymenu_save_nodata {
	display: block ;
	color: #888 ;
	font-size: 80% ;
	line-height: 140% ;
	padding: 8px 10px 8px ;
	background-color: #f3f3f3 ;
	border-radius: 3px ;
}
.top_mymenu_save_cond:before,
.top_mymenu_last-search a:before,
.top_mymenu_checksheet a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 12px ;
	display: block ;
	width: 8px ;
	height: 8px ;
	margin-top: -2px ;
	border-top: 2px solid #fb8b31 ;
	border-right: 2px solid #fb8b31 ;
	transform:         rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.top_mymenu_save_cond:before {
	right: 2px ;
}
/* お気に入り・最近見た物件 */
.top_mymenu_fav_body a,
.top_mymenu_last_body a {
	display: block ;
	height: 120px ;
	background-repeat: no-repeat ;
	background-position: center ;
	background-size: cover ;
	border-radius: 4px ;
}
/* 保存した検索条件 */
.top_mymenu_save_body {
	padding-bottom: 0 ;
}
.top_mymenu_save_link {
	display: none ;
	
	padding-bottom: 8px ;
	border-bottom: 1px solid #eee ;
}
.top_mymenu_save_list_link {
	position: relative ;
    display: block;
    font-size: 80%;
    font-weight: bold;
	text-align: right ;
    padding: 13px 15px ;
}
.top_mymenu_save_list_link:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 0 ;
	display: block ;
	width:0 ;
	height: 0 ;
	margin-top: -5px ;
	border: 5px solid transparent ;
	border-left-color: #fb8b31 ;
	border-right: 0 ;
}
.top_mymenu_save_cond {
	position: relative ;
	font-size: 80% ;
	line-height: 140% ;
	border-top: 1px solid #eee ;
	padding-top: 8px ;
}
.top_mymenu_save_cond_traffic,
.top_mymenu_save_cond_traffic2,
.top_mymenu_save_cond_detail {
	overflow: hidden ;
	white-space: nowrap ;
	text-overflow: ellipsis ;
	padding-right: 15px ;
}
.top_mymenu_save_cond_traffic {
	color: #e31e77 ;
	font-weight: bold ;
	padding-bottom: 2px ;
}
.top_mymenu_save_cond_traffic2 {
	font-weight: bold ;
	padding-bottom: 3px ;
}
.top_mymenu_save_cond_detail {
	color: #888 ;
}
/* 前回検索した条件から探す */
.top_mymenu_last-search {}
.top_mymenu_last-search a {
	position: relative ;
	display: block;
	background-color: #fff;
	border-radius: 6px;
	padding: 12px 10px 10px ;
	margin-bottom: 10px ;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
.top_mymenu_last-search_title {
	position: relative ;
	color: #333 ;
	font-size: 80% ;
	font-weight: bold ;
	padding-left: 20px ;
	padding-bottom: 7px ;
}
.top_mymenu_last-search_title:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -1px ;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -13px;
	border: 2px solid #e31e77;
	border-radius: 10px;
}
.top_mymenu_last-search_title:after {
	content: "";
    position: absolute;
    top: 50%;
    left: -1px ;
    display: block;
	width: 2px;
    height: 6px;
    margin-top: -3px;
    margin-left: 12px;
    background-color: #e31e77;
    border-radius: 1px;
    transform: rotate(-45deg);
}
.top_mymenu_last-search_detail {
	font-size: 80% ;
	line-height: 140% ;
	padding-right: 20px ;
}
/* 物件チェックシート */
.top_mymenu_checksheet {
	padding-bottom: 30px ;
}
.top_mymenu_checksheet a {
	position: relative ;
	display: block ;
	font-size: 95% ;
	font-weight: bold ;
	background-color: #fff ;
	border-radius: 5px ;
	padding: 15px 20px 15px 40px ;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
.top_mymenu_checksheet_icon {
	position: absolute ;
	top: 50% ;
	left: 11px ;
	display: block ;
	width: 20px ;
	height: 23px ;
	margin-top: -12px ;
}
.top_mymenu_checksheet_icon:before {
	content:"";
	position: relative ;
	display: block ;
	width: 17px ;
	height: 20px ;
	background-color: #e31e77 ;
	border-radius: 2px ;
}
.top_mymenu_checksheet_icon:after {
	content:"";
	position: absolute ;
	top: 3px ;
	left: 3px ;
	display: block ;
	width: 13px ;
	height: 16px ;
	background-color: #fff ;
	border: 2px solid #e31e77 ;
	border-radius: 2px ;
}
.top_mymenu_checksheet_icon span {
	position: absolute ;
	top: 8px ;
	left: 8px ;
	display: block ;
	width: 7px ;
	height: 6px ;
	border-top: 2px solid #e31e77 ;
	border-bottom: 2px solid #e31e77 ;
	z-index: 1 ;
}
.top_mymenu_checksheet_icon span:before {
	content:"";
	position: relative ;
	top: 2px ;
	left: 0 ;
	display: block ;
	width: 7px ;
	height: 2px ;
	background-color: #e31e77 ;
}
/* メニュー開閉 */
.top_mymenu_body { display: none ;}
.top_mymenu_body_check { display: none ;}
#top_mymenu_body_check:checked + .top_mymenu_wrap .top_mymenu_view-btn_open  { display: none ;}
#top_mymenu_body_check:checked + .top_mymenu_wrap .top_mymenu_view-btn_close { display: block ;}
#top_mymenu_body_check:checked + .top_mymenu_wrap .top_mymenu_view-btn_close:before { animation: mymenu_arrow_show 0.1s linear forwards ;}
#top_mymenu_body_check:checked + .top_mymenu_wrap .top_mymenu_body {
	display: block ;
    animation: mymenu_show 0.4s linear ;
}
@keyframes mymenu_show{
      0%{ opacity: 0 ; -webkit-opacity: 0 ;}
    100%{ opacity: 1 ; -webkit-opacity: 1 ;}
}
@keyframes mymenu_arrow_show{
      0%{ transform: rotate(0deg);   -webkit- transform: rotate(0deg);}
    100%{ transform: rotate(180deg); -webkit- transform: rotate(180deg);}
}