/* ===================================================================
CSS
 file name  :  top.css
=================================================================== */
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
#container_top{
    background-image:url(/images/top/bg_top.jpg);
    background-repeat:repeat-x;
    padding-bottom:50px;
    background-color:#F5F8FD;
}
/* =====================================
メイン画像
======================================== */
#slider {
  position:relative;
  overflow: hidden;
}
#carousel_wrap {
  width: 100%;
  height: 450px;
  overflow: hidden;
  margin-top:30px;
}
#carousel li {
  float: left;
  margin:0 30px;
}
#carousel img{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity:1;
}
#prev, #next {
  zoom:1;
  display: block;
  height: 450px;
  width: 50%;
  top: 30px;
  position: absolute;
}
#prev:hover, #next:hover {
  zoom:1;
  cursor:pointer;
}
#prev {
  left: -560px;/* スライドする画像の横半分の値 */
}
#next {
  right: -560px;/* スライドする画像の横半分の値 */
}
#prev img {
  right:-40px;
  top:194px;
  position:absolute;
}
#next img {
  left:-40px;
  top:194px;
  position:absolute;
}
#pager {
  text-align:center;
  margin-top:10px;
}
#pager a {
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  border:1px solid #AAAAAA;
  background:#EEEEEE;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 10px 0 0;
}
#pager a:hover {
  background:#999999;
}
#pager a span {
  display: none;
}
#pager a.selected {
  background-color:#012E72;
}
/* =====================================
物件を探す
======================================== */
#sch_box{
    float:right;
    width:650px;
}
#sch_box #sch_kind{
    float:left;
    width:200px;
    box-sizing:border-box;
}
#sch_box #sch_kind li{
    margin-bottom:22px;
}
#sch_box #sch_kind li:last-child{
    margin-bottom:0;
}
#sch_box #sch_kind a{
    background:#FFFFFF;
    border:1px solid #CCCCCC;
    text-decoration:none;
    width:200px;
    height:130px;
    display:block;
    font-weight:bold;
    font-size:140%;
    padding:42px 0 0 55px;
    box-sizing:border-box;
}
#sch_box #sch_kind a span{
    font-weight:normal;
    font-size:16px;
}
#sch_box #sch_kind a#sch01{
    background:#FFFFFF url(/images/top/icon_sch_area.png) no-repeat 15px center;
}
#sch_box #sch_kind a#sch02{
    background:#FFFFFF url(/images/top/icon_sch_line.png) no-repeat 13px center;
}
#sch_box #sch_kind a#sch03{
    background:#FFFFFF url(/images/top/icon_sch_school.png) no-repeat 13px center;
}
#sch_box #sch_kind a#sch04{
    background:#FFFFFF url(/images/top/icon_sch_map.png) no-repeat 13px center;
}
#sch_box #sch_kind a#sch05{
    background:#FFFFFF url(/images/top/icon_sch_time.png) no-repeat 13px center;
}
/* =====================================
PICKUP　注目エリアから探す　20170322改修
======================================== */
#sch_box #sch_pickup{
    float:right;
    width:430px;
    height:435px;
    background:#FFFFFF;
    border:1px solid #CCCCCC;
    box-sizing:border-box;
    padding:15px 30px;
    position:relative;
}
#sch_box #sch_pickup h3{
    background:url(/images/top/pickup_pc.png) no-repeat;
    color:#00306C;
    padding:3px 0 0 160px;
    font-weight:bold;
    font-size:18px;
    width:370px;
    height:48px;
    box-sizing:border-box;
}
#sch_box #sch_pickup h3 span{
    display:none;
}
#sch_box #sch_pickup .btn{
    background:#00306D;
    font-size:85%;
    height:30px;
    padding-top:2px;
    box-sizing:border-box;
}
#sch_box #sch_pickup li{
    width:100px;
    position:absolute;
}
#sch_box #sch_pickup li#pickup01{
    top:70px;
    left:30px;
}
#sch_box #sch_pickup li#pickup02{
    top:110px;
    left:30px;
}
#sch_box #sch_pickup li#pickup03{
    top:150px;
    left:30px;
}
#sch_box #sch_pickup li#pickup04{
    top:90px;
    left:160px;
}
#sch_box #sch_pickup li#pickup05{
    top:130px;
    left:160px;
}
#sch_box #sch_pickup li#pickup06{
    top:215px;
    left:30px;
}
#sch_box #sch_pickup li#pickup07{
    top:255px;
    left:30px;
}
#sch_box #sch_pickup li#pickup08{
    top:295px;
    left:30px;
}
#sch_box #sch_pickup li#pickup09{
    top:345px;
    left:30px;
}
#sch_box #sch_pickup li#pickup10{
    top:385px;
    left:30px;
}
#sch_box #sch_pickup li#pickup11{
    top:210px;
    left:160px;
}
#sch_box #sch_pickup li#pickup12{
    top:250px;
    left:160px;
}
#sch_box #sch_pickup li#pickup13{
    top:290px;
    left:160px;
}
#sch_box #sch_pickup li#pickup14{
    top:330px;
    left:160px;
}
#sch_box #sch_pickup li#pickup15{
    top:370px;
    left:160px;
}
#sch_box #sch_pickup li#pickup16{
    top:105px;
    left:300px;
}
#sch_box #sch_pickup li#pickup17{
    top:145px;
    left:300px;
}
#sch_box #sch_pickup li#pickup18{
    top:185px;
    left:300px;
}
#sch_box #sch_pickup li#pickup19{
    top:265px;
    left:300px;
}
#sch_box #sch_pickup li#pickup20{
    top:305px;
    left:300px;
}
#sch_box #sch_pickup li#pickup21{
    top:345px;
    left:300px;
}
#sch_box #sch_pickup #sagamihara,
#sch_box #sch_pickup #kawasaki,
#sch_box #sch_pickup #yokohama{
    width:120px;
    height:145px;
    border:1px solid #00306D;
    text-align:center;
    font-size:85%;
    color: #00306D;
    position:absolute;
}
#sch_box #sch_pickup #sagamihara{
    top:190px;
    left:20px;
}
#sch_box #sch_pickup #kawasaki{
    top:80px;
    left:290px;
}
#sch_box #sch_pickup #yokohama{
    top:240px;
    left:290px;
}
/* =====================================
会員物件数（ログイン前）
======================================== */
#member_box{
    background:#00306D;
    border:1px solid #FFFFFF;
    box-sizing:border-box;
    color:#FFFFFF;
    width:300px;
    height:435px;
    float:left;
    position:relative;
}
#member_box #ttl_member{
    position:absolute;
    top:-20px;
    left:25px;
}
#member_box #nomal_num{
    position:absolute;
    top:100px;
    left:25px;
    text-align:center;
}
#member_box #nomal_num2{
    position:absolute;
    top:65px;
    left:25px;
    width:240px;
    text-align:center;
}
#member_box #member_num{
    position:absolute;
    top:100px;
    left:180px;
    text-align:center;
}
#member_box #plus{
    position:absolute;
    top:115px;
    left:135px;
    color:#FFFF26;
    border:1px solid #FFFF26;
    border-radius:50%;
    padding:6px 7px;
    line-height:100%;
    font-size:130%;
}
#member_box #nomal_num span,
#member_box #nomal_num2 span,
#member_box #member_num span{
    color:#FFFF72;
    font-size:180%;
    line-height:110%;
    font-family:Arial, Helvetica, sans-serif;
}
#member_box #text{
    position:absolute;
    top:140px;
    left:25px;
    width:260px;
    text-align:center;
}
#member_box #text span{
    color:#FFFF26;
    font-size:180%;
    line-height:110%;
    font-family:Arial, Helvetica, sans-serif;
}
#member_box #bkn_num{
    position:absolute;
    top:175px;
    left:25px;
    width:245px;
    text-align:center;
    line-height:160%;
}
#member_box #bkn_num #num_color{
    font-size:240%;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFF26;
    margin:0 7px;
}
#member_box #bkn_num #num_txt{
    font-size:130%;
}
#member_box #btn_entry{
    position:absolute;
    top:250px;
    left:30px;
}
#member_box #btn_member{
    position:absolute;
    top:320px;
    left:30px;
}
#member_box #btn_member .btn{
    width:240px;
    background:#FFFFFF;
    color:#00306D;
    padding:3px 0;
}
#member_box #btn_login{
    position:absolute;
    top:375px;
    left:0;
    width:300px;
    padding-top:10px;
    border-top:1px solid #FFFFFF;
    text-align:center;
}
#member_box #btn_login .btn{
    display:inline-block;
    background:#FFFFFF;
    color:#00306D;
    padding:2px 12px;
    margin-left:10px;
}
/* =====================================
会員物件数（ログイン後）
======================================== */
#member_box_login{
    background:#00306D;
    border:1px solid #FFFFFF;
    box-sizing:border-box;
    color:#FFFFFF;
    width:300px;
    height:435px;
    float:left;
    position:relative;
    line-height:160%;
}
#member_box_login #username{
    position:absolute;
    top:15px;
    top:70px;
    width:300px;
    box-sizing:border-box;
    padding:0 20px;
    color:#FFFF00;
    text-align:center;
}
#member_box_login #username span{
    font-size:140%;
    font-size:180%;
}
#member_box_login #add_num{
    position:absolute;
    top:75px;
    width:300px;
    box-sizing:border-box;
    text-align:center;
}
#member_box_login #member_num{
    position:absolute;
    top:140px;
    width:300px;
    text-align:center;
}
#member_box_login #add_num span,
#member_box_login #member_num span{
    color:#FFFF72;
    font-size:180%;
    line-height:110%;
    font-family:Arial, Helvetica, sans-serif;
}
#member_box_login #bkn_num{
    position:absolute;
    top:210px;
    left:25px;
    width:245px;
    text-align:center;
    border:1px solid #FFFFFF;
    padding:10px 0;
}
#member_box_login #bkn_num #num_color{
    font-size:160%;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFF26;
    margin:0 7px;
}
#member_box_login #btn_joken{
    position:absolute;
    top:285px;
    left:30px;
}
#member_box_login #btn_joken .btn{
    width:240px;
    background:#FFFFFF;
    color:#00306D;
    padding:4px 0;
}
#member_box_login #btn_prof{
    position:absolute;
    top:330px;
    left:30px;
}
#member_box_login #btn_prof .btn{
    width:240px;
    background:#FFFFFF;
    color:#00306D;
    padding:4px 0;
}
#member_box_login #btn_logout{
    position:absolute;
    top:375px;
    width:300px;
    padding-top:10px;
    border-top:1px solid #FFFFFF;
    text-align:center;
}
#member_box_login #btn_logout .btn{
    background:#FFFFFF;
    color:#00306D;
    margin-left:30px;
    width:240px;
    padding:4px 0;
}
/* =====================================
新着物件・値下がり物件
======================================== */
#new_bkn,
#pricedown{
    width:300px;
    float:left;
    margin-right:50px;
}
#new_bkn h2,
#pricedown h2{
    color:#FFFFFF;
    text-align:center;
    height:40px;
    padding-top:4px;
    box-sizing:border-box;
    border-bottom:1px solid #DDDDDD;
    font-size:18px;
}
#new_bkn h2{
    background:#FF4D4D;
}
#pricedown h2{
    background:#00B2B2;
}
#new_bkn li a,
#pricedown li a{
    display:block;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    background:#FCFAF3;
    padding:12px 20px;
    box-sizing:border-box;
    font-size:85%;
    text-decoration:none;
    line-height:140%;
}
#new_bkn li a:hover,
#pricedown li a:hover{
    color:#333333;
    background:#DDEEFF;
}
#new_bkn li .price,
#pricedown li .price{
    color:#D80000;
    font-weight:bold;
}
#new_bkn li .date,
#pricedown li .date{
    color:#00306D;
}
#new_bkn li .date div{
    color:#FFFFFF;
    font-size:10px;
    background:#FF0000;
    margin-left:5px;
    padding:0 6px;
    border-radius:3px;
    display:inline;
}
#pricedown  li .date div{
    color:#FFFFFF;
    font-size:10px;
    background:#00B2B2;
    margin-left:5px;
    padding:0 6px;
    border-radius:3px;
    display:inline;
}
.btn_list a{
    display:block;
    color:#FFFFFF;
    background:#444444;
    text-align:center;
    padding:5px 0;
    text-decoration:none;
    font-size:90%;
}
.btn_list a:hover{
    background:#707070;
}
/* =====================================
ランキング
======================================== */
#ranking{
    width:300px;
    float:right;
}
#ranking h2{
    color:#FFFFFF;
    background:#FFBF00;
    text-align:center;
    height:40px;
    padding-top:4px;
    box-sizing:border-box;
    border-bottom:1px solid #DDDDDD;
    font-size:18px;
}
#ranking li a{
    display:block;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    background:#FCFAF3;
    padding:10px 10px 15px 15px;
    box-sizing:border-box;
    font-size:85%;
    text-decoration:none;
    line-height:160%;
    position:relative;
}
#ranking li a:hover{
    color:#333333;
    background:#DDEEFF;
}
#ranking li a:hover img{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity:1;
}
#ranking .rank1{
    position:absolute;
    top:5px;
    left:5px;
}
#ranking .name{
    color:#00306D;
    font-size:120%;
    padding:5px 0 0 55px;
    font-weight:bold;
}
#ranking .thumbnail{
    float:left;
    width:140px;
    margin-top:10px;
    text-align:center;
}
#ranking .text{
    float:right;
    width:120px;
    margin-top:10px;
}
#ranking .text .kind{
    font-size:90%;
}
#ranking .price{
    color:#D80000;
    font-weight:bold;
    font-size:130%;
}
/* =====================================
下部コンテンツ共通サブタイトル
======================================== */
h2.top_subttl{
    color:#FFFFFF;
    background:#00306D;
    text-align:center;
    height:40px;
    padding-top:4px;
    box-sizing:border-box;
    border-bottom:1px solid #DDDDDD;
    font-size:17px;
}
/* =====================================
NEWS＆TOPICS
======================================== */
#news{	
    width:300px;
    float:left;
}
#news li a{
    display:block;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    padding:10px 20px;
    box-sizing:border-box;
    font-size:85%;
    text-decoration:none;
    line-height:140%;
}
#news a:hover{
    color:#333333;
    background:#DDEEFF;
}
#news li .date{
    color:#00306D;
}
#news li .date div{
    color:#D90000;
    margin-left:10px;
    display:inline;
}
#news li .text{
    margin-top:5px;
}
/* =====================================
おすすめ物件
======================================== */
#recommend{	
    width:650px;
    float:right;
}
#recommend ul{
    margin-left:-17px;
}
#recommend li{
    width:205px;
    height:330px;
    overflow:hidden;
    float:left;
    margin-top:20px;
    margin-left:17px;
    position:relative;
    box-shadow: 0px 0px 5px #BBBBBB;
    line-height:140%;
}
#recommend li a{
    display:block;
    text-decoration:none;
    height:330px;
    overflow:hidden;
}
#recommend li a:hover{
    background:#FFFFBF;
    color:#333333;
}
#recommend li a:hover img{
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity:10;
}
#recommend li .thumbnail{
    text-align:center;
    height:150px;
}
#recommend li .thumbnail img{
    width: 205px;
    height: 150px;
    object-fit: contain;
}

#recommend .newicon{
    position:absolute;
    top:-1px;
    left:5px;
}
#recommend .text{
    padding:10px;
    font-size:85%;
}
#recommend .name{
    font-weight:bold;
    color:#00306D;
}
#recommend .price span{
    font-weight:bold;
    color:#D80000;
    font-size:120%;
}
#recommend .access{
    font-size:85%;
}
#recommend .kind_kodate{
    color:#00B285;
    font-size:85%;
}
#recommend .kind_chukokodate{
    color:#D9A300;
    font-size:85%;
}
#recommend .kind_tochi{
    color:#3F1F00;
    font-size:85%;
}
#recommend .kind_mansion{
    color:#FF2626;
    font-size:85%;
}
#recommend .kind_chukomansion{
    color:#FF5C26;
    font-size:85%;
}
/* =====================================
こだわり物件
======================================== */
#kodawari{
    width:300px;
    float:left;
    margin-top:50px;
    font-size:95%
}
#kodawari li a{
    display:block;
    background:#FCFAF3 url(../images/top/arrow.png) 20px center no-repeat;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    padding:10px 10px 10px 40px;
    box-sizing:border-box;
    text-decoration:none;
    line-height:140%;
}
#kodawari a:hover{
    color:#333333;
    background:#DDEEFF url(../images/top/arrow.png) 20px center no-repeat;
}
/* =====================================
物件検索
======================================== */
#searchmenu{	
    width:300px;
    float:left;
    margin-top:50px;
    font-size:95%
}
#searchmenu li a{
    display:block;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    padding:15px 10px 15px 50px;
    box-sizing:border-box;
    text-decoration:none;
    line-height:140%;
    color:#333333;
}
#searchmenu a#sch01{
    background:#FCFAF3 url(/images/top/icon_sch_area.png) no-repeat 15px center;
}
#searchmenu a#sch01:hover{
    background:#DDEEFF url(/images/top/icon_sch_area.png) no-repeat 15px center;
}
#searchmenu a#sch02{
    background:#FCFAF3 url(/images/top/icon_sch_line.png) no-repeat 13px center;
}
#searchmenu a#sch02:hover{
    background:#DDEEFF url(/images/top/icon_sch_line.png) no-repeat 13px center;
}
#searchmenu a#sch03{
    background:#FCFAF3 url(/images/top/icon_sch_school.png) no-repeat 13px center;
}
#searchmenu a#sch03:hover{
    background:#DDEEFF url(/images/top/icon_sch_school.png) no-repeat 13px center;
}
#searchmenu a#sch04{
    background:#FCFAF3 url(/images/top/icon_sch_map.png) no-repeat 13px center;
}
#searchmenu a#sch04:hover{
    background:#DDEEFF url(/images/top/icon_sch_map.png) no-repeat 13px center;
}
#searchmenu a#sch05{
    background:#FCFAF3 url(/images/top/icon_sch_time.png) no-repeat 13px center;
}
#searchmenu a#sch05:hover{
    background:#DDEEFF url(/images/top/icon_sch_time.png) no-repeat 13px center;
}
#searchmenu a#sch06{
    background:#FCFAF3 url(/images/top/icon_sch_kodawari.png) no-repeat 13px center;
}
#searchmenu a#sch06:hover{
    background:#DDEEFF url(/images/top/icon_sch_kodawari.png) no-repeat 13px center;
}
/* =====================================
お役立ち・会社案内
======================================== */
#useful,
#company{	
    width:300px;
    float:left;
    margin-top:50px;
    font-size:95%
}
#useful li a,
#company li a{
    display:block;
    background:#FFFFFF url(../images/top/arrow.png) 20px center no-repeat;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    padding:10px 10px 10px 40px;
    box-sizing:border-box;
    text-decoration:none;
    line-height:140%;
}
#useful a:hover,
#company a:hover{
    color:#333333;
    background:#DDEEFF url(../images/top/arrow.png) 20px center no-repeat;
}
/* =====================================
おすすめコンテンツ
======================================== */
#osusume_content{
    width:650px;
    float:right;
    margin-top:50px;
}
#osusume_content ul{
    margin-left:-17px;
}
#osusume_content li{
    float:left;
    margin-top:20px;
    margin-left:17px;
}
/* =====================================
バナースライダー
======================================== */
#bnr_slider{
    width:650px;
    float:right;
    margin-top:50px;
}



/* =====================================
フローティングバナー
======================================== */
#top_float_banner
{
    float: left;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;
}
.float_banner
{
    position: relative;
    width:400px;
    height:390px;
    background-image:url(../images/top/float_base2.jpg);
    color: #00306D;
}
.info_number1
{
    position:absolute;
    font-size:24px;
    top: 201px;
    right:230px;
}
.info_number2
{
    position:absolute;
    font-size:24px;
    top: 201px;
    right: 40px;
}
.info_number3
{
    position:absolute;
    font-size:34px;
    font-weight:bold;
    top: 258px;
    right: 80px;
}
.float_link1
{
    position:absolute;
    display:block;
    width:361px;
    height:52px;
    top:318px;
    left:19px;
}
.float_link2
{
    position:absolute;
    display:block;
    width:170px;
    height:46px;
    top:385px;
    left:19px;
}
.float_link3
{
    position:absolute;
    display:block;
    width:170px;
    height:46px;
    top:385px;
    left:210px;
}
.float_close
{
    float:right;
    padding-top:10px;
}
/* =====================================
ボトムバナー
======================================== */
#bottomBanner {
    display:none;
}
.setsubi_icon
{
    font-size: 0;
    margin-top:10px;
}
.setsubi_icon img
{
    width: 44px;
    margin: 0 1px;
}

.contents_wrap_top
{
    padding-top:25px;
}
/* =====================================
ありがとうの声バナー
======================================== */
.bn_voice
{
    position:relative;
    margin:0 auto;
    width:1000px;
}
.bn_voice .voice_cnt
{
    position:absolute;
    right:815px;
    top:33px;
    color:#df5555;
    font-size:36px;
}


.pickup_area_wrap
{
    width: 1000px;
    margin: 40px auto;
    color: #00306C;
}
.pickup_area
{
}
.pickup_area,
.pickup_area2
{
    display:flex;
    font-size:14px;
    margin-bottom:20px;
}
.pickup_area a,
.pickup_area2 a
{
    text-decoration:none;
    color: #00306C;
}
.pickup_area li
{
    width:33%;
    margin:0 5px;
}
.pickup_area li img
{
    width:100%;
}
.pickup_area2 li
{
    width:25%;
    margin:0 5px;
}
.pickup_area2 li img
{
    width:100%;
}
/* =====================================
会員物件数 202509追加
======================================== */
    .properties_number_wrap{
        background: #FFF;
        padding: 30px 50px;
    }
    .properties_number_wrap img{
        width: 100%;
    }
    .properties_number_wrap h3{
        background: #013368;
        color: #FFF;
        text-align: center;
        font-size: 20px;
    }
    .properties_number_wrap .properties_number_list{
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
    }
    .properties_number_wrap .properties_number_list li{
        width: 31%;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
    }
    .properties_number_wrap .properties_number_list li .number_wrap{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5px;
    }
    .properties_number_wrap .properties_number_list li .number_wrap .logo img{
        max-width: 100px;
    }
    .properties_number_wrap .properties_number_list li .number_wrap .number{
        margin-left: 1em;
    }
    .properties_number_wrap .properties_number_list li .number_wrap .number span{
        font-weight: bold;
        font-size: 24px;
        margin: auto 0.1em;
    }
    .properties_number_wrap .properties_number_list li.suumo{
        border: 1px solid #75BC43;
    }
    .properties_number_wrap .properties_number_list li.suumo .title,
    .properties_number_wrap .properties_number_list li.suumo .number_wrap .number span{
        color: #75BC43;
    }
    .properties_number_wrap .properties_number_list li.th{
        border: 1px solid #013368;
    }
    .properties_number_wrap .properties_number_list li.th .title,
    .properties_number_wrap .properties_number_list li.th .number_wrap .number span{
        color: #013368;
    }
    .properties_number_wrap .properties_number_list li.member{
        border: 1px solid #FF5522;
    }
    .properties_number_wrap .properties_number_list li.member .title,
    .properties_number_wrap .properties_number_list li.member .number_wrap .number span{
        color: #FF5522;
    }
    .properties_number_wrap .properties_number_arrow{
        margin-top: 10px;
    }
    .properties_number_wrap .properties_number_comment{
        text-align: center;
    }
    .properties_number_wrap .properties_number_btn{
        max-width: 480px;
        margin: 10px auto auto;
    }
/* =====================================
おすすめ物件特集 202509改修
======================================== */
    .pickup_area3{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .pickup_area3 li{
        width:48%;
    }
    .pickup_area3 li img
    {
        width:100%;
    }
}
@media screen and (max-width: 768px) {
/* スマートフォン用のスタイル記述 */
#container_top{
    background:url(/images/top/bg_top.jpg) repeat-x;
}
body #container {
    margin-top: 20px;
}
/* =====================================
メイン画像
======================================== */
#slider {
  position:relative;
  overflow: hidden;
}
#carousel_wrap {
  background: #fff;
  width: 100%;
  height: 260px;
  overflow: hidden;
}
#carousel li {
  float: left;
  width:320px;
}
#prev, #next {
  zoom:1;
  display: block;
  height: 260px;
  width: 50%;
  top: 0;
  position: absolute;
}
#prev:hover, #next:hover {
  zoom:1;
}
#prev {
  left: -160px;/* スライドする画像の横半分の値 */
}
#next {
  right: -160px;/* スライドする画像の横半分の値 */
}
#prev img {
  right:-25px;
  top:110px;
  position:absolute;
}
#next img {
  left:-25px;
  top:110px;
  position:absolute;
}
#pager {
  text-align:center;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}
#pager a {
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  border:1px solid #AAAAAA;
  background:#EEEEEE;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 10px 0 0;
}
#pager a:hover {
  background:#999999;
}
#pager a span {
  display: none;
}
#pager a.selected {
  background-color:#012E72;
}
/* =====================================
物件を探す
======================================== */
#sch_box{
}
#sch_box #sch_kind ul{
    text-align: center;
}
#sch_box #sch_kind li{
    width:30%;
    display: inline-block;
    margin-bottom:5px;
}
#sch_box #sch_kind a{
    background:#FFFFFF;
    border:1px solid #CCCCCC;
    text-decoration:none;
    display:block;
    font-weight:bold;
    font-size:120%;
    padding:40px 0 10px 0;
    box-sizing:border-box;
}
#sch_box #sch_kind a span{
    font-weight:normal;
    font-size:14px;
}
#sch_box #sch_kind a#sch01{
    background:#FFFFFF url(/images/top/icon_sch_area.png) no-repeat center 10px;
}
#sch_box #sch_kind a#sch02{
    background:#FFFFFF url(/images/top/icon_sch_line.png) no-repeat center 10px;
}
#sch_box #sch_kind a#sch03{
    background:#FFFFFF url(/images/top/icon_sch_school.png) no-repeat  center 10px;
}
#sch_box #sch_kind a#sch04{
    background:#FFFFFF url(/images/top/icon_sch_map.png) no-repeat center 10px;
}
#sch_box #sch_kind a#sch05{
    background:#FFFFFF url(/images/top/icon_sch_time.png) no-repeat center 10px;
}
/* =====================================
PICKUP　注目エリアから探す　20170322改修
======================================== */
#sch_box #sch_pickup{
    background:#FFFFFF;
    border:1px solid #CCCCCC;
    box-sizing:border-box;
    margin:10px;
    padding:10px;
    height:410px;
    position:relative;
}
#sch_box #sch_pickup h3{
    color:#00306C;
    font-weight:bold;
    font-size:130%;
    text-align:center;
}
#sch_box #sch_pickup h3 span{
    background:#00306C;
    color:#FFFFFF;
    padding: 2px 10px;
    margin-right:10px;
    font-family:Arial, Helvetica, sans-serif;
}
#sch_box #sch_pickup .btn{
    background:#00306D;
    font-size:90%;
    height:30px;
    padding-top:5px;
    box-sizing:border-box;
}
#sch_box #sch_pickup li{
    width:25%;
    position:absolute;
}
#sch_box #sch_pickup li#pickup01{
    top:50px;
    left:8%;
}
#sch_box #sch_pickup li#pickup02{
    top:90px;
    left:8%;
}
#sch_box #sch_pickup li#pickup03{
    top:130px;
    left:8%;
}
#sch_box #sch_pickup li#pickup04{
    top:70px;
    left:38%;
}
#sch_box #sch_pickup li#pickup05{
    top:110px;
    left:38%;
}
#sch_box #sch_pickup li#pickup06{
    top:190px;
    left:8%;
}
#sch_box #sch_pickup li#pickup07{
    top:230px;
    left:8%;
}
#sch_box #sch_pickup li#pickup08{
    top:270px;
    left:8%;
}
#sch_box #sch_pickup li#pickup09{
    top:320px;
    left:8%;
}
#sch_box #sch_pickup li#pickup10{
    top:360px;
    left:8%;
}
#sch_box #sch_pickup li#pickup11{
    top:190px;
    left:38%;
}
#sch_box #sch_pickup li#pickup12{
    top:230px;
    left:38%;
}
#sch_box #sch_pickup li#pickup13{
    top:270px;
    left:38%;
}
#sch_box #sch_pickup li#pickup14{
    top:310px;
    left:38%;
}
#sch_box #sch_pickup li#pickup15{
    top:350px;
    left:38%;
}
#sch_box #sch_pickup li#pickup16{
    top:90px;
    left:68%;
}
#sch_box #sch_pickup li#pickup17{
    top:130px;
    left:68%;
}
#sch_box #sch_pickup li#pickup18{
    top:170px;
    left:68%;
}
#sch_box #sch_pickup li#pickup19{
    top:260px;
    left:68%;
}
#sch_box #sch_pickup li#pickup20{
    top:300px;
    left:68%;
}
#sch_box #sch_pickup li#pickup21{
    top:340px;
    left:68%;
}
#sch_box #sch_pickup #sagamihara,
#sch_box #sch_pickup #kawasaki,
#sch_box #sch_pickup #yokohama{
    width:30%;
    height:140px;
    border:1px solid #00306D;
    text-align:center;
    font-size:85%;
    color: #00306D;
    position:absolute;
}
#sch_box #sch_pickup #sagamihara{
    top:170px;
    left:5%;
}
#sch_box #sch_pickup #kawasaki{
    top:70px;
    left:65%;
}
#sch_box #sch_pickup #yokohama{
    top:240px;
    left:65%;
}
/* =====================================
会員物件数（ログイン前）
======================================== */
#member_box{
    background:#00306D;
    color:#FFFFFF;
    position:relative;
    padding:20px;
    font-size:120%;
}
#member_box #ttl_member{
    margin-top:-30px;
    text-align: center;
}
#member_box #nomal_num{
    text-align:center;
    margin-top:10px;
    width:45%;
    float:left;
}
#member_box #nomal_num2{
    text-align:center;
    margin-top:10px;
}
#member_box #member_num{
    text-align:center;
    margin-top:10px;
    width:45%;
    float:left;
}
#member_box #plus{
    margin-top:20px;
    color:#FFFF26;
    font-size:130%;
    width:10%;
    float:left;
    text-align:center;
}
#member_box #nomal_num span,
#member_box #nomal_num2 span,
#member_box #member_num span{
    color:#FFFF72;
    font-size:180%;
    line-height:110%;
    font-family:Arial, Helvetica, sans-serif;
}
#member_box #text{
    text-align:center;
    margin-top:10px;
}
#member_box #text span{
    color:#FFFF26;
    font-size:180%;
    line-height:110%;
    font-family:Arial, Helvetica, sans-serif;
}
#member_box #bkn_num{
    margin-top:10px;
    text-align:center;
    line-height:160%;
}
#member_box #bkn_num #num_color{
    font-size:240%;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFF26;
    margin:0 7px;
}
#member_box #bkn_num #num_txt{
    font-size:130%;
}
#member_box #btn_entry{
    margin-top:10px;
    width:100%;
    text-align: center;
}
#member_box #btn_member{
    margin-top:10px;
}
#member_box #btn_member .btn{
    background:#FFFFFF;
    color:#00306D;
    padding:4px 0;
}
#member_box #btn_login{
    width:100%;
    padding-top:10px;
    text-align:center;
}
#member_box #btn_login .btn{
    background:#FFFFFF;
    color:#00306D;
    padding:4px 0;
}
/* =====================================
会員物件数（ログイン後）
======================================== */
#member_box_login{
    background:#00306D;
    border:1px solid #FFFFFF;
    box-sizing:border-box;
    color:#FFFFFF;
    position:relative;
    padding:20px;
    font-size:120%;
}
#member_box_login #username{
    color:#FFFF00;
    text-align:center;
}
#member_box_login #username span{
    font-size:140%;
}
#member_box_login #add_num{
    text-align:center;
}
#member_box_login #member_num{
    text-align:center;
}
#member_box_login #add_num span,
#member_box_login #member_num span{
    color:#FFFF72;
    font-size:180%;
    line-height:110%;
    font-family:Arial, Helvetica, sans-serif;
}
#member_box_login #bkn_num{
    text-align:center;
    border:1px solid #FFFFFF;
    padding:10px 0;
    margin-top:10px;
}
#member_box_login #bkn_num #num_color{
    font-size:160%;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFF26;
    margin:0 7px;
}
#member_box_login #btn_joken{
    margin-top:10px;
}
#member_box_login #btn_joken .btn{
    background:#FFFFFF;
    color:#00306D;
    padding:4px 0;
}
#member_box_login #btn_prof{
    margin-top:10px;
}
#member_box_login #btn_prof .btn{
    background:#FFFFFF;
    color:#00306D;
    padding:4px 0;
}
#member_box_login #btn_logout{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #FFFFFF;
    text-align:center;
}
#member_box_login #btn_logout .btn{
    background:#FFFFFF;
    color:#00306D;
    padding:4px 0;
}
/* =====================================
新着物件・値下がり物件
======================================== */
#new_bkn,
#pricedown{
    width:100%;
}
#new_bkn h2,
#pricedown h2{
    color:#FFFFFF;
    font-size:140%;
    text-align:center;
    box-sizing:border-box;
    border-bottom:1px solid #DDDDDD;
    padding:7px 0;
}
#new_bkn h2{
    background:#FF4D4D;
}
#pricedown h2{
    background:#00B2B2;
}
#new_bkn li a,
#pricedown li a{
    display:block;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    background:#FCFAF3;
    padding:10px;
    box-sizing:border-box;
    text-decoration:none;
    line-height:140%;
}
#new_bkn li a:hover,
#pricedown li a:hover{
    color:#333333;
    background:#DDEEFF;
}
#new_bkn li .price,
#pricedown li .price{
    color:#D80000;
    font-weight:bold;
}
#new_bkn li .date,
#pricedown li .date{
    color:#00306D;
    float:left;
    width:30%;
}
#new_bkn li .date div{
    color:#FFFFFF;
    font-size:10px;
    background:#FF0000;
    border-radius:3px;
    text-align:center;
    width:40px;
}
#pricedown li .date div{
    color:#FFFFFF;
    font-size:10px;
    background:#00B2B2;
    border-radius:3px;
    text-align:center;
    width:80px;
}
#new_bkn li .text,
#pricedown li .text{
    float:left;
    width:60%;
}
.btn_list a{
    display:block;
    margin:10px;
    color:#FFFFFF;
    background:#444444;
    text-align:center;
    padding:7px 0;
    text-decoration:none;
    font-size:140%;
    border-radius:5px;
}
.btn_list a:hover{
    background:#707070;
}
/* =====================================
ランキング
======================================== */
#ranking{
    width:100%;
}
#ranking h2{
    color:#FFFFFF;
    background:#FFBF00;
    font-size:140%;
    text-align:center;
    box-sizing:border-box;
    border-bottom:1px solid #DDDDDD;
    padding:7px 0;
}
#ranking li a{
    display:block;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    background:#FCFAF3;
    padding:10px;
    box-sizing:border-box;
    text-decoration:none;
    line-height:160%;
    position:relative;
}
#ranking li a:hover{
    color:#333333;
    background:#DDEEFF;
}
#ranking li a:hover img{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity:1;
}
#ranking .rank1{
    position:absolute;
    top:5px;
    left:5px;
    width:57px;
}
#ranking .name{
    color:#00306D;
    font-size:120%;
    padding:5px 0 0 55px;
    font-weight:bold;
}
#ranking .thumbnail{
    float:left;
    width:35%;
    margin-top:10px;
}
#ranking .text{
    float:left;
    width:55%;
    margin-top:10px;
    margin-left:20px;
}
#ranking .text .kind{
    font-size:90%;
}
#ranking .price{
    color:#D80000;
    font-weight:bold;
    font-size:130%;
}
/* =====================================
下部コンテンツ共通サブタイトル
======================================== */
h2.top_subttl{
    color:#FFFFFF;
    background:#00306D;
    text-align:center;
    box-sizing:border-box;
    border-bottom:1px solid #DDDDDD;
    padding:7px 0;
    font-size:140%;
}
/* =====================================
NEWS＆TOPICS
======================================== */
#news{
    width:100%;
}
#news li a{
    display:block;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    padding:10px;
    box-sizing:border-box;
    text-decoration:none;
    line-height:140%;
}
#news a:hover{
    color:#333333;
    background:#DDEEFF;
}
#news li .date{
    color:#00306D;
    float:left;
    width:30%;
}
#news li .date div{
    color:#D90000;
}
#news li .text{
    float:left;
    width:60%;
}
/* =====================================
おすすめ物件
======================================== */
#recommend{	
    width:100%;
    margin-bottom:10px;
}
#recommend li{
    margin:10px 10px auto 10px;
    position:relative;
    box-shadow: 0px 0px 5px #BBBBBB;
    line-height:140%;
}
#recommend li a{
    display:block;
    text-decoration:none;
    padding:10px;
}
#recommend li a:hover{
    background:#FFFFBF;
    color:#333333;
}
#recommend .newicon{
    position:absolute;
    top:9px;
    left:15px;
    width:25px;
}
#recommend .thumbnail{
    float:left;
    width:35%;
}
#recommend .text{
    float:left;
    width:55%;
    margin-left:20px;
}
#recommend .name{
    font-weight:bold;
    color:#00306D;
}
#recommend .price span{
    font-weight:bold;
    color:#D80000;
    font-size:120%;
}
#recommend .access{
}
#recommend .kind_kodate{
    color:#00B285;
    font-size:85%;
}
#recommend .kind_chukokodate{
    color:#D9A300;
    font-size:85%;
}
#recommend .kind_tochi{
    color:#3F1F00;
    font-size:85%;
}
#recommend .kind_mansion{
    color:#FF2626;
    font-size:85%;
}
#recommend .kind_chukomansion{
    color:#FF5C26;
    font-size:85%;
}
/* =====================================
こだわり物件
======================================== */
#kodawari{
    width:100%;
}
#kodawari li{
    float:left;
    width:50%;
}
#kodawari li a{
    display:block;
    background:#FCFAF3 url(../images/top/arrow.png) 10px center no-repeat;
    border-left:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    padding:10px 10px 10px 20px;
    box-sizing:border-box;
    text-decoration:none;
    line-height:140%;
    font-size:90%;
}
#kodawari a:hover{
    color:#333333;
    background:#DDEEFF url(../images/top/arrow.png) 10px center no-repeat;
}
/* =====================================
物件検索
======================================== */
#searchmenu{	
    width:100%;
}
#searchmenu li{
    float:left;
    width:50%;
}
#searchmenu li a{
    display:block;
    border-left:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    padding:15px 10px 15px 45px;
    box-sizing:border-box;
    text-decoration:none;
    line-height:140%;
    color:#333333;
    font-size:90%;
}
#searchmenu a#sch01{
    background:#FCFAF3 url(/images/top/icon_sch_area.png) no-repeat 10px center;
}
#searchmenu a#sch01:hover{
    background:#DDEEFF url(/images/top/icon_sch_area.png) no-repeat 10px center;
}
#searchmenu a#sch02{
    background:#FCFAF3 url(/images/top/icon_sch_line.png) no-repeat 8px center;
}
#searchmenu a#sch02:hover{
    background:#DDEEFF url(/images/top/icon_sch_line.png) no-repeat 8px center;
}
#searchmenu a#sch03{
    background:#FCFAF3 url(/images/top/icon_sch_school.png) no-repeat 8px center;
}
#searchmenu a#sch03:hover{
    background:#DDEEFF url(/images/top/icon_sch_school.png) no-repeat 8px center;
}
#searchmenu a#sch04{
    background:#FCFAF3 url(/images/top/icon_sch_map.png) no-repeat 8px center;
}
#searchmenu a#sch04:hover{
    background:#DDEEFF url(/images/top/icon_sch_map.png) no-repeat 8px center;
}
#searchmenu a#sch05{
    background:#FCFAF3 url(/images/top/icon_sch_time.png) no-repeat 8px center;
}
#searchmenu a#sch05:hover{
    background:#DDEEFF url(/images/top/icon_sch_time.png) no-repeat 8px center;
}
#searchmenu a#sch06{
    background:#FCFAF3 url(/images/top/icon_sch_kodawari.png) no-repeat 8px center;
}
#searchmenu a#sch06:hover{
    background:#DDEEFF url(/images/top/icon_sch_kodawari.png) no-repeat 8px center;
}
/* =====================================
お役立ち・会社案内
======================================== */
#company{	
    width:100%;
}
#company li{
    float:left;
    width:50%;
}
#company li a{
    display:block;
    background:#FFFFFF url(../images/top/arrow.png) 10px center no-repeat;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    padding:10px 10px 10px 20px;
    box-sizing:border-box;
    text-decoration:none;
    line-height:140%;
    font-size:90%;
}
#company a:hover{
    color:#333333;
    background:#DDEEFF url(../images/top/arrow.png) 10px center no-repeat;
}
#useful{	
    width:100%;
}
#useful ul{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
#useful li{
    width:50%;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    box-sizing:border-box;
}
#useful li a{
    display:block;
    background:#FFFFFF url(../images/top/arrow.png) 10px center no-repeat;
    padding:10px 10px 10px 20px;
    text-decoration:none;
    line-height:140%;
    font-size:90%;
}
#useful a:hover{
    color:#333333;
    background:#DDEEFF url(../images/top/arrow.png) 10px center no-repeat;
}
/* =====================================
おすすめコンテンツ
======================================== */
#osusume_content{
    width:100%;
}
#osusume_content li{
    float:left;
    width:50%;
    text-align:center;
    padding:10px 5px;
    box-sizing:border-box;
}

/* =====================================
フローティングバナー
======================================== */
#top_float_banner
{
    display:none;
}
/* =====================================
ボトムバナー
======================================== */
#bottomBanner {
    padding:0;
    width: 100%;
    position: fixed;
    bottom:0;
    z-index: 10;
    display:block;
}
#bottomBanner a.bottomBanner_close{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
}
.setsubi_icon
{
    font-size: 0;
    margin-top:10px;
}
.setsubi_icon img
{
    width: 24%;
    margin: 0 0.5%;
}
/* =====================================
ありがとうの声バナー
======================================== */
.bn_voice
{
    position:relative;
}
.bn_voice .voice_cnt
{
    position:absolute;
    right:69%;
    top:14%;
    color:#df5555;
    font-size:20px;
}

.pickup_area_wrap
{
    margin: 40px 10px;
    color: #00306C;
}
.pickup_area_wrap h3
{
    font-size:16px;
}
.pickup_area,
.pickup_area2
{
    display:flex;
    font-size:14px;
    flex-wrap: wrap;
}
.pickup_area a,
.pickup_area2 a
{
    text-decoration:none;
    color: #00306C;
}
.pickup_area li
{
    width:47%;
    margin:0 5px 20px;
}
.pickup_area li img
{
    width:100%;
}
.pickup_area2 li
{
    width:47%;
    margin:0 5px 20px;
}
.pickup_area2 li img
{
    width:100%;
}
/* =====================================
会員物件数 202509追加
======================================== */
    .properties_number_wrap{
        background: #FFF;
        padding: 20px 20px;
        max-width: 480px;
        box-sizing: border-box;
        margin: auto;
    }
    .properties_number_wrap img{
        width: 100%;
    }
    .properties_number_wrap h3{
        background: #013368;
        color: #FFF;
        text-align: center;
        font-size: 16px;
    }
    .properties_number_wrap .pnl_wrap{
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .properties_number_wrap .properties_number_list{
        width: calc(100% - 50px);
    }
    .properties_number_wrap .properties_number_list li{
        margin-top: 10px;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
    }
    .properties_number_wrap .properties_number_list li .title{
        font-size: 14px;
    }
    .properties_number_wrap .properties_number_list li .number_wrap{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .properties_number_wrap .properties_number_list li .number_wrap .logo img{
        max-width: 100px;
    }
    .properties_number_wrap .properties_number_list li .number_wrap .number{
        margin-left: 1em;
    }
    .properties_number_wrap .properties_number_list li .number_wrap .number span{
        font-weight: bold;
        font-size: 22px;
        margin: auto 0.1em;
    }
    .properties_number_wrap .properties_number_list li.suumo{
        border: 1px solid #75BC43;
    }
    .properties_number_wrap .properties_number_list li.suumo .title,
    .properties_number_wrap .properties_number_list li.suumo .number_wrap .number span{
        color: #75BC43;
    }
    .properties_number_wrap .properties_number_list li.th{
        border: 1px solid #013368;
    }
    .properties_number_wrap .properties_number_list li.th .title,
    .properties_number_wrap .properties_number_list li.th .number_wrap .number span{
        color: #013368;
    }
    .properties_number_wrap .properties_number_list li.member{
        border: 1px solid #FF5522;
    }
    .properties_number_wrap .properties_number_list li.member .title,
    .properties_number_wrap .properties_number_list li.member .number_wrap .number span{
        color: #FF5522;
    }
    .properties_number_wrap .properties_number_arrow{
        margin-top: 20px;
        width: 40px;
    }
    .properties_number_wrap .properties_number_comment{
        margin: 10px auto auto;
        text-align: center;
        font-size: 14px;
    }
    .properties_number_wrap .properties_number_btn{
        max-width: 400px;
        margin: 10px auto auto;
    }
/* =====================================
おすすめ物件特集 202509改修
======================================== */
    .pickup_area3{
        max-width: 480px;
        margin: auto;
    }
    .pickup_area3 li{
        width:100%;
        margin-top: 10px;
    }
}