@charset "utf-8";

/*おすすめ物件*/
.TOP_RECOMMEND_WRAP{padding-top: 80px;}
.TOP_RECOMMENDS{display: flex;flex-direction: row;margin-top: 45px;flex-wrap: wrap;}
.TOP_RECOMMEND{width: 29%;height: 100%; position: relative;margin: 0 2%;margin-bottom: 100px;}
.TOP_RECOMMEND_PHOTO {height: 200px;overflow: hidden;border-radius: 15px 60px 15px 60px; z-index: 10;}
.TOP_RECOMMEND_PHOTOES{position: relative; z-index: 1;}
.TOP_RECOMMEND_TAG{position: absolute;top: 0;padding: 4px 10px;font-size: 14px;letter-spacing: 1px; z-index: 11;}
.TOP_RECOMMEND_TAG.nhouse { color: #707070; background: #FAE74D;}
.TOP_RECOMMEND_TAG.uhouse { color: #fff; background: #FCAD41;}
.TOP_RECOMMEND_TAG.mansion { color: #fff; background: #84C9EC;}
.TOP_RECOMMEND_TAG.land { color: #fff; background: #9BCC6D;}
.TOP_RECOMMEND_TYTLE {margin: 10px 0;font-weight: bold;letter-spacing: 1px;font-size: 17px;line-height: 25px;}
.TOP_RECOMMEND_CONTENTS dl{display: flex;flex-direction: row;margin: 7px 0;}
.TOP_RECOMMEND_CONTENTS{padding: 5px 0px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;position: relative;}
.TOP_RECOMMEND_CONTENTS dt{width: 60px;text-align: center;font-size: 13px;line-height: 24px;display: flex;align-items: center;justify-content: center;}
.TOP_RECOMMEND_CONTENTS dd{margin-left: 10px;font-size: 14px;width: 220px;border: none;}

.OPENHOUSE { margin: 10px auto 5px auto; padding: 3px; color: #fff; background: #76BB35; text-align: center; font-weight: bold;}

.ROUNDS{display: flex;flex-direction: row;position: absolute;right: 0;bottom: 15px;position: absolute;;}
.ROUNDS a:hover{opacity: 0.3;}
.ROUNDS label{display: flex;flex-direction: row;width: 106px;}
.ROUND{width: 45px;height: 45px;border-radius: 50%;border: 1px solid #76BB35;display: flex;align-items: center;background: white;}
.SQUARE_IMG {width: 22px;display: flex;margin: 0 auto;}
.ROUND_FAV{width: 45px;height: 45px;border-radius: 50%;margin-left: 5px;background: white;}
.ROUND_FAV input{width: 45px;height: 45px; border:none; border-radius: 50%; background:no-repeat 50% 50%; background-size:45px; cursor:pointer; text-indent:50px;}
.ROUND_FAV .LINK_BUKKEN { color:#FC8EC1; background-image:url(../img/round_favorite.svg); }
.ROUND_FAV .LINK_BUKKEN_D  { color:#fff; background-image:url(../img/round_favorite_d.svg); }
.ROUND_FAV:hover{opacity:0.5;}
.ROUND_FAV div{width: 18px;margin: 0 auto;margin-top: 15px;}

.RECOMMEND_BALOON{position: absolute;width: 50px;left: 300px;top: -20px;-webkit-transform: rotate(-16deg);transform: rotate(-16deg);}
.RECOMMEND_CLOUD1{position: absolute;width: 60px;left: 230px;}
.RECOMMEND_CLOUD2{position: absolute;width: 80px;top: -30px;right: 280px;}
.RECOMMEND_CLOUD3{position: absolute;width: 60px;width: 55px;right: 220px;bottom: -15px;}

.TOP_RECOMMEND a.RECOMMEND_LINK{ width: 100%; height: 100%; display: block; position: absolute; top: 0;}
.TOP_RECOMMEND a.RECOMMEND_LINK:hover { opacity: 0.1; background: #7abd3c; top: -10px; left: -10px; width: calc(100% + 20px); height: calc(100% + 20px);}
h3 small{line-height: 20px;display: inline-block;margin-top: 10px;font-weight: 100;}
.SQUARE_TEXT{display: none;}


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

.pc {display: none!important;}


/*おすすめ物件*/
.TOP_RECOMMEND{width: 90vw; margin-bottom:50px; border-bottom:1px solid #ccc; }
.RECOMMEND_BALOON{left: 0;}
.RECOMMEND_CLOUD1{left: 0;top: 42px;}
.RECOMMEND_CLOUD2{right: -5px;width: 63px;top: -13px;}
.RECOMMEND_CLOUD3{width: 40px;right: 0px;bottom: -23px;}
.TOP_RECOMMEND_CONTENTS{border-bottom: none;}
/*.ROUNDS label {display: flex; flex-direction: row; width: 43.5vw; justify-content: center;padding: 0;}*/
.SQUARES{width:100px; display: flex;flex-direction: row;justify-content: space-between;margin-top: 5px;position: absolute; top:0; right:0; bottom: inherit; z-index:2; align-items:start; }
/*.SQUARE{display: flex;flex-direction: row;align-items: center;border: 1px solid;justify-content: center;padding: 0;border-radius: 0px;height: auto;margin: 0;width: 43vw;padding: 10px 0;justify-content: center;}*/
/*.SQUARE_IMG{width: 20px;margin: 0px;line-height: 10px;margin-right: 5%;}*/
.SQUARE_TEXT{display: block;}
/*.border_green{border: 1px solid #76BB35;}*/
/*.border_pink{border: 1px solid #FC8EC1;}*/
.TOP_RECOMMEND_CONTENTS dt{width: 20vw;}
.TOP_RECOMMEND_CONTENTS dd {margin-left: 3vw;width: 67vw;}
.ROUND_FAV div{width: auto;margin: 0;}
/*.ROUND_FAV input{width: 100%;height: 20px;border-radius: 0;margin-right: 5%; }*/

.TOP_RECOMMEND a.RECOMMEND_LINK:hover { width: calc(100% + 20px); height: 100%;}
.TOP_RECOMMEND a.RECOMMEND_LINK{height: 100%;}
/*.ROUND_FAV .LINK_BUKKEN_D  { background-image:url(../img/round_favorite_d_sp.svg); background-position:10px 50%; }*/


.FAV_ON{background: #FC8EC1;}
.FAV_ON_TEXT{color: white;}

}