/* =========================================================================================
Home
=========================================================================================*/
#toppage .b_more { width: 100%; max-width: 210px;}
#toppage .b_more a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	background:#000 url("../images/common/arrow_w.svg") no-repeat right center;
	border-radius: 50px;
}
#toppage .b_more.b_b a { background-color:#1B7EBC;}
#toppage .b_more.b_y a { background-color:#E9CE30;}
#toppage .b_more.b_g a { background-color:#05AF7A;}
@media only screen and (min-width:768px){
	#toppage .b_more a:hover { opacity: 0.7;}
}



/*========================================================
    Mainimg
========================================================*/
#toppage .mainimg{
	width: 100%; height: 700px;
	text-indent: -9999px;
	background: url("../images/mainimg.jpg") no-repeat center bottom;
	background-size: cover;
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:468px){
	#toppage .mainimg{ height: 540px;}
}


	
/*========================================================
    News
========================================================*/
#toppage .news {
    position: relative;
    display: flex; justify-content: space-between; gap:20px;
	margin: auto;
    padding:50px 30px;
    width: 100%;
	background: #FAF8F4 url("../images/about_kazari.png") no-repeat top left;
	background-size: 70px auto;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
	border-radius: 20px;
}
#toppage .news h2 {
	margin:0; padding: 0;
	width:150px;
	font-family: "Zen Kaku Gothic New", sans-serif;
}
#toppage .news h2 small,
#toppage .news h2 b { display: block;}
#toppage .news h2 small { font-size: 100%;}
#toppage .news h2 b { font-size:250%; color: #1B7EBC; letter-spacing: 4px;}
#toppage .news .news_list { width: calc(100% - 170px); min-height: 150px;}
#toppage .news .news_list ul li:nth-child(2) a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#toppage .news .b_more { position: absolute; bottom:50px; left:30px; width: 150px;}
@media only screen and (max-width:768px){
    #toppage .news { flex-direction: column;}
	#toppage .news h2,
	#toppage .news .news_list { width: 100%; text-align: center}
	#toppage .news .b_more { position:static; bottom:0; left:0; right: 0; margin: auto; width: 210px;}
}
@media only screen and (max-width:468px){
}







/*========================================================
    Recommend
========================================================*/
#toppage .main_cont { gap:80px;}
#toppage .reco_cont { position: relative;}
#toppage .reco_cont h3 {
	position: relative;
	margin-bottom: 40px;
	padding: 20px 0 20px 120px;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: clamp(137.5%, 2.4vw , 162.5%);
	border-bottom: 4px solid #666;
}
#toppage .reco_cont h3::before {
	display: block; clear: both; content:"";
	position: absolute; bottom: -4.5px; left: 10px;
	width: 73px; height: 76px;
}
#toppage .reco_cont.cate_rent h3::before {
	background: url("../images/sbtit_bg1.png") no-repeat;
}
#toppage .reco_cont.cate_sale h3::before {
	background: url("../images/sbtit_bg2.png") no-repeat;
}
#toppage .reco_list {
	display: flex; flex-wrap: wrap; gap:30px;
}
#toppage .reco_list .box {
	padding: 20px;
    width: calc(33.3% - 20px);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
	border-radius: 20px;
}
#toppage .reco_list .box a { display: block; color: #222; text-decoration: none;}
#toppage .reco_list .box .inner { width: 100%; padding: 0;}
#toppage .reco_list .box .cont{ padding: 10px 0;}
#toppage .reco_list .box .area { font-size: 112.5%;}
#toppage .reco_list .box .fee { margin-bottom: 10px; color: #1B7EBC;}
#toppage .reco_list .box .fee b { font-size:162.5%;}
#toppage .reco_list .box .fee small { font-size:100%; font-weight: bold;}
#toppage .reco_list .box .tag { font-size:87.5%;}
#toppage .reco_list .box .tag a { display: inline; text-decoration: underline;}
#toppage .reco_cont .b_more { position: absolute; top:15px; right: 0;}
@media only screen and (min-width:768px){
    #toppage .reco_list .box:hover { background:rgba(27,126,188,0.05);}
}
@media only screen and (max-width:768px){
	#toppage .reco_list { flex-direction: column;}
	#toppage .reco_list .box { padding: 15px;}
	#toppage .reco_list .box .inner {
		display: flex; flex-direction: row; justify-content: space-between; gap:0;
		width: 100%;
	}
	#toppage .reco_list .box .photo { width: 120px;}
	#toppage .reco_list .box .cont { width: calc(100% - 120px - 20px); padding:0;}	
	#toppage .reco_cont .b_more { position: static; margin:40px auto 0;}
}
@media only screen and (max-width:468px){
}