@charset "utf-8";
/* CSS Document
For Serach
 */

 
/*共通*/
body{
	margin: 0;
	}
.pc_none{
	display:none;
	}


#top_navi{
	overflow: hidden;
	}
 
#search{
	text-align:left;
	margin: 5px 2%;
	}
#search .lead{
	margin: 15px auto;
	text-align:center;
	line-height: 1.7rem;
	word-break: nomal;
	padding: 10px 10px 0 10px;
	border: 1px solid #633;
	}

#search .lead #condition{　/*　20190628追加　*/
	margin: 0 auto 1em auto;
	text-align: left;
	width: 90%;
	}
#search .lead #condition:before{　/*　20190628追加*/
	content: "あなたが選択した検索条件";
	display: block;
	margin-bottom: 1em;
	}
	
#search h1{
	background-color: #008c69;
    color: #fff;
    padding: 3px 15px;
    text-align: left;
	}
#search h1:before{
	}
#search .lead span,
#search .result h2{
	color: #ff6633;
	font-weight: bold;
	}
#search .result h2{
	font-size: 1.2rem;
	}
#search .lead span:after{
	content: "-";
	margin: 5px;
	color: #3e3e3e;
	}
#search .lead span:nth-last-child(1):after{
	content: "";
	margin: 0;
	}
#search .lead p:nth-child(2) span{
	font-size: 1.5rem;
	padding: 2px 5px;
	}
#search .lead #choiceSection{
	margin: 15px auto;
	}
#search .lead #choiceSection button{
	display: inline-block;
	padding: 5px 8px;
	margin: 5px 8px 0 0;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ff6633;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ff6633 5%, #f58440 100% );
	background:-ms-linear-gradient( top, #ff6633 5%, #f58440 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6633', endColorstr='#426fc9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff6633), color-stop(100%, #f58440) );
	background-color:#ff6633;
	text-shadow:1px 1px 0px #ff6633;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	box-shadow:inset 1px 1px 0px 0px #bbdaf7;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	line-height: 1.5rem;
	}
#search .lead #choiceSection button:hover{
	background:-moz-linear-gradient( center top, #f58440 5%, #ff6633 100% );
	background:-ms-linear-gradient( top, #f58440 5%, #ff6633 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f58440', endColorstr='#ff6633');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f58440), color-stop(100%, #ff6633) );
	background-color:#f58440;
	}
	
/* 検索内table */
#search .lead table{
	border: 10px solid #efe5de;
	width: 98%;
	margin: 10px auto;
	border-collapse:collapse;
	}
#search .lead table .station_box table{
	border: none;
	}
#search .lead table tr{
	border-bottom: 1px dotted #ccc;
	}
#search .lead table tr:last-child{
	border-bottom: none;
	}
#search .lead table tr:last-child td{
	text-align: center;
	padding: 15px;
	}
#search .lead table td input{
	margin: 0 5px;
	}
#search .lead table th,
#search .lead table td{
	padding: 8px 5px;
	text-align: left;
	}
#search .lead table th,
#search .lead table th span{
	font-weight: lighter;
	}
#search .lead table th span{
	font-size: 0.7rem;
	line-height: 0.8rem;
	}
#search .lead table td{
	border-left: 1px solid #ccc;
	}
#search .lead table .station_box table,
#search .lead table .station_box table tr,
#search .lead table .station_box table td{
	border: none;
	}
#search .lead table .station_box table{
	max-width: 540px;
	}
#search .lead table .station_box table th,
#search .lead table .station_box table td{
	padding: 0;
	text-align: left;
	}
	
	
#search .lead form{
	margin: 15px auto;
	}
#search .lead+p{
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	}

#search .result{
	border-bottom: 3px double #663300;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 10px;
	}

#search .result .photo{
	float: left;
	width: 270px;
	text-align: center;
	}
#search .result .photo img{
	max-width: 270px;
	max-height: 200px;
	}
#search .result h2:before{
	content: "\f015";
	font-family: FontAwesome;
	margin-right: 5px;
	font-weight: lighter;
	}
#search .result h2 span{
	font-size: 0.7rem;
	font-weight: lighter;
	color: #333;
	margin-left: 10px;
	}
#search .result h2{
	width: 415px;
	text-align:left;
	}
#search .result h2 a{
	text-decoration: none;
	}
#search .result h2 a:hover{
	text-decoration: underline;
	}
#search .result dl{
	float: left;
	margin-left: 10px;
	width: 415px;
	}
#search .result dl dt{
	padding: 5px 8px 10px 8px;
	margin-bottom: 10px;
	border-bottom: 1px solid #008c69;
	}
#search .result dl dt span{
	margin-left: 5px;
	color: #ff6633;
	font-size: 120%;
	}
#search .result dd{
	margin-left: 0;
	margin-bottom: 10px;
	padding: 5px 8px;
	clear: both;
	}
#search .result dt:first-child + dd,
#search .result dd span.rent{
    font-size: 2.2rem;
	color: #ff6633;
}
#search .result dd span{
	color: #633;
	margin-right: 5px;
	padding: 3px 6px;
	font-size: 0.8rem;
	background-color: #efe5de;
	border: 1px solid #633;
	border-radius: 3px;
	vertical-align: bottom;
	}
#search .result dd span.rent{
	border: none;
	background-color: transparent;
	}
#search .result dd .boxCont{
	width: 40%;
	float: left;
	line-height: 2rem;
	}
#search .result dd .boxCont:nth-child(even){
	float: right;
	color: #000;
	width: 60%;
	}
#search .result dd .boxCont:nth-child(even),
#search .result dd:last-child{	
    font-size: 1rem;
	}
#search .result dd .floorplan{
	text-align: center;
	width: 100%;
	margin-top: 10px;
	}
#search .result dd .floorplan img{
	max-width: 180px;
}
#search .result dt span.panorama_on{
    background-color: #990000;
    margin: 0 5px;
	padding: 3px 5px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: 0.8rem;
	}
#search .result dt span.panorama_on i{
	margin-right: 5px;
	}

#search .result p.golink{
	clear: left;
	text-align: right;
	margin: 8px 5px;
	}
#search .result p.golink:before{
	content: "\f0a9";
	font-family: FontAwesome;
	margin-right: 5px;
	font-weight: lighter;
	}
	
#search .searchfoot,
#search .searchfoot p{
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.7rem;
	}
#search .searchfoot p{
	font-weight: bold;
	font-size: 0.9rem;
	overflow-wrap: break-word;
	}
#search .searchfoot p span{
	margin-right: 8px;
	margin-bottom: 5px;
	padding: 3px 5px;
	display: inline-block;
	width: 1.5rem;
	border-radius: 50%;
	}
#search .searchfoot p a:link{
	text-decoration: none;	
	}
#search .searchfoot p a:link span,
#search .searchfoot p a:visited span{
	border: 1px solid #008c69;
	}
#search .searchfoot p a:hover span{
	background-color: #008c69;
	color: #fff;
	}
#search .searchfoot p a.currentItem span{
	background-color: #99cc33;
	color: #fff;
	border: 1px solid #008c69;
	}


/*mybox*/
#wrap #search .lead.myboxlist{
	text-align: left;
	}
#main #container #search .content.myBoxIF {
    width: 100%;
}
#main #container #search .logout{
	clear: right;
	overflow: hidden;
	}
#main #container #search .logout p{
	float: right;
	text-align: center;
	}
#main #container #search .logout p a{
	color: #363636;
	display: block;
	text-decoration: none;
	}
#main #container #search .logout p a:hover{
	background: linear-gradient(transparent 60%, #9c3 90%);
	border-radius: 2px;
	}
#main #container #search .logout p a:before{
	font-family: "fontawesome";
	content: "\f08b";
	margin-right: 5px;
	}

/*****検索一覧LikeBox表示用 20190628追加*****/
#wrap #search .gotoLikeBox{
	overflow: hidden;
	}
#wrap #search .gotoLikeBox button{
	float: right;
	text-align: center;
	border: 1px solid #ccc;
	padding: 0.05em 0.1em;
	border-radius: 3px;
	}
#wrap #search .gotoLikeBox button a{
	padding: 0.5em 0.8em;
	background: #cc0000;
	text-decoration: none;
	color: #fff;
	border-radius: 3px;
	display: block;
	}
#wrap #search .gotoLikeBox button a:hover{
	opacity: 0.8;	
	}
#wrap #search .gotoLikeBox button a:before{
	font-family: "fontawesome";
	content: "\f004";
	margin-right: 0.5em;
	}


/*****LikeBox用 20190628追加*****/

/*lead部分*/
#wrap #search p.notes{
	margin-bottom: 2rem;
	}

/*float追尾ボタン*/
div.count_btn{
	position: fixed;
	bottom: 50%; 
	right: 10px;
	padding: 0.8em 1em;
	background: #fff ;
	border: 3px solid #00A050;
	border-radius: 15px;
	width: 30%;
	max-width: 200px;
	text-align: center;
}
div.count_btn p{
	text-align: left;
	}
.X div.count_btn p span:before{
	content: "\A";
	white-space: pre;
	}
.X div.count_btn p span:after{
	content:"／ 5件 を選択中";
	font-size: 1rem;
	}
.X div.count_btn p span{
	font-size: 2rem;
	}
div.count_btn button{
	border: none;
	margin-top: 1rem;
	}
#wrap div.count_btn button a{
	color: #fff;
	background: #00A050;
	border: 3px double #fff;
	border-radius: 5px;
    text-decoration: none;
    padding: 0.3em 0.5em;
	display: block;
	}
#wrap div.count_btn button a:hover{
	color: #00A050;
	border: 3px double #00A050;
	background: #E1F3E1;
	}




@media only screen and (max-width: 680px) {

/****　共通　****/
.sp_none{
	display:none;
	}
.pc_none{
	display:block;
	}
	
/****　文字関連　****/	
#wrapper,
#search .result dd .boxCont:nth-child(2n), 
#search .result dd:last-child{
	font-size: 0.9rem;
	}
#search .result dt:first-child + dd,
#search .result dd span:nth-child(2){
	font-size: 2rem;
	}

/****　header　****/
#wrapper,
#header{
	max-width: 680px;
	width: 100%;
	}
#header{ overflow:hidden;}
#header img{
	max-width: 80px;
	}
#header .h1_logo{
	margin-top: 8px;
	}
	
/****　globalMenu　****/
#top_navi ul.pc_none{
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	border-top: 1px solid #ccc;
	}
#top_navi ul.pc_none li{
	float:none;
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	font-size: 82%;
	letter-spacing: -0.1em;
	}
#top_navi ul.pc_none li:last-child{
	border-right: 0;
	}
#top_navi ul.pc_none li a{
	color: #008c69;
	text-decoration: none;
	display: block;
	padding: 15px 0 0 0;
	height: 34px;
	border-bottom: #008c69 2px solid;
	}
#top_navi ul.pc_none li:first-child a{
	padding-top: 8px;
	padding-bottom: 8px;
	}
#top_navi ul.pc_none li:last-child a{
	color: #FF9900;
	border-bottom: #FF9900 2px solid;
	}
#top_navi ul.pc_none li a:hover{
	background-color: #008c69;
	color: #fff;
	border-bottom: #ccc 2px solid;
	}
#top_navi ul.pc_none li:last-child a:hover{
	background-color: #FF9900;
	}

/****　メインコンテンツ　****/
#search .lead{
	padding: 10px 0 0 0;
	}
#search .lead,
#search .lead table,
#search .lead table tr,
#search .lead table td{
	border: none;
	}
#search .lead table th,
#search .lead table td{
	display:block;
	max-width: 100%;
	}
#search .lead table th{
	background-color: #efe5de;	
	}
#search .result .photo,
#search .result dl,
#search .result dd .boxCont,
#search .result dd .boxCont:nth-child(even){
	float:none;
	}
#search .result dd .boxCont,
#search .result dd .boxCont:nth-child(even),
#search .result dl,
#search .result .photo{
	width: 100%;
	}
#search .result h2{
	float: right;
	margin: 0.5em 0;
	}
#search .result dd .boxCont{
	margin-bottom: 10px;
	}
#search .result dl{
	margin-left: 0;
	}
#search .result dt:first-child + dd,
#search .result dd .boxCont:nth-child(even){
	margin-bottom: 0;
	}

}