@charset "UTF-8";

/*====================================================================================================
/sph/css2018/custom.css
初期変更css

====================================================================================================*/

/*========================================
/index.shtml
メインイメージ
==========*/
/*--------------------
静止画像
-------------------*/
.mainph{line-height:1px;margin:0 10px;padding:0 0 10px;}
.mainph img{width:100%;max-width:590px;}

/*========================================
/index.shtml
トピックス表示
==========*/
/*--------------------
上部スライド
「eight:56px !important」でコメント2行分に高さ固定中
-------------------*/
#topics_slider{margin:0 10px;padding:0 0 10px;background:#FFF;}
#topics_slider .t_title{font-size:11px;line-height:20px;text-align:left;padding:10px 0 0 10px;border-bottom:1px solid #CCC;margin:0 auto;}
#topics_slider .slide_wrap{position:relative;margin:5px 15px 0 15px;}
#topics_slider .slide_wrap ul{ padding:0 0 5px;}
#topics_slider .slide_wrap ul li{height:56px !important;overflow:hidden;white-space:normal;vertical-align:top;}
#topics_slider .slide_wrap ul li a{color:#000;text-decoration:none;}
#topics_slider .slide_wrap ul li p{font-size:11px;line-height:20px;text-align:left;}
#topics_slider .slide_wrap ul li p + p{font-size:12px;line-height:18px;}
#topics_slider .slide_wrap ul li a p + p{text-decoration:underline;}
#topics_slider .slide_wrap ul li p .new{width:37px;display:inline-block;vertical-align:middle;padding:0 0 0 5px;}
#topics_slider .slide_wrap ol{}
#topics_slider .slide_wrap ol li{display:inline-block;vertical-align:top;line-height:1px;}
#topics_slider .slide_wrap ol .left{width:20%;}
#topics_slider .slide_wrap ol .right{width:20%;}
#topics_slider .slide_wrap ol .left a,
#topics_slider .slide_wrap ol .right a{width:30px;display:block;margin:0 auto;}
#topics_slider .slide_wrap ol .left a img,
#topics_slider .slide_wrap ol .right a img{width:100%;}
#topics_slider .slide_wrap ol .list{width:60%;}
#topics_slider .slide_wrap p.list{width:60%;display:inline-block;vertical-align:top;padding:10px 0;}
#topics_slider .slide_wrap ol .list a,
#topics_slider .slide_wrap p.list a{display:block;font-size:10px;line-height:28px;text-decoration:none;color:#000;height:28px;border:1px solid #888;
/*For Old*/background:#FFF;/*For Old WebKit*/background:-webkit-linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);/*For Modern Browser*/background:linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);}
/*--------------------
下部制止
-------------------*/
.topics2{border-top:3px solid #303030/*--------------color--------------*/;margin:20px 0 0;}
.topics2 ul{background:#DDD;padding:1px;}
.topics2 li{padding:7px 10px;background:#FFF;margin:1px 0 0;text-align:left;width:auto !important;}
.topics2 li a{color:#000;text-decoration:none;}
.topics2 li p{font-size:11px;line-height:20px;text-align:left;height:20px;overflow:hidden;}
.topics2 li p + p{font-size:12px;line-height:18px;height:36px;}
.topics2 li a p + p{text-decoration:underline;}
.topics2 li p .new{width:37px;display:inline-block;vertical-align:middle;padding:0 0 0 5px;}
.topics2 .list{width:60%;display:inline-block;vertical-align:top;padding:10px 0;}
.topics2 .list a{display:block;font-size:10px;line-height:28px;text-decoration:none;color:#000;height:28px;border:1px solid #888;
/*For Old*/background:#FFF;/*For Old WebKit*/background:-webkit-linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);/*For Modern Browser*/background:linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);}

/*========================================
/index.shtml
物件トップ表示
物件テンプレート：サイズ毎4種類
スライド表示：3種類
　　横１並：b1
　　横２並：b2
　　横３並：b3
　　写真大：b_full
==========*/
.slider_recommend{border-top:3px solid #303030/*--------------color--------------*/;margin:20px 0 0;background:#F2F2F2;}
.slider_recommend p.list{width:60%;display:inline-block;vertical-align:top;margin:0 0 10px;}
.slider_recommend p.list a{display:block;font-size:10px;line-height:28px;text-decoration:none;color:#000;height:28px;border:1px solid #888;
/*For Old*/background:#FFF;/*For Old WebKit*/background:-webkit-linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);/*For Modern Browser*/background:linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);}
.slider_recommend .slide_wrap{box-sizing:border-box;}
.slider_recommend .slide_wrap ul{box-sizing:content-box;}
.slider_recommend .slide_wrap.b1{padding:0 5px;}
.slider_recommend .slide_wrap.b2{padding:0 5px;}
.slider_recommend .slide_wrap.b3{padding:0 7px;}
.slider_recommend .slide_wrap.b_full{padding:0 5px;}
.slider_recommend .slide_wrap > ul{padding:10px 0 0;text-align:left;}
.slider_recommend .slide_wrap .box{vertical-align:top;display:inline-block;margin:0 0 10px;}
.slider_recommend .slide_wrap.b1 .box{width:100%;}
.slider_recommend .slide_wrap.b2 .box{width:50%;margin-left:-1px;}
.slider_recommend .slide_wrap.b3 .box{width:33.3%;}
.slider_recommend .slide_wrap.b_full .box{width:100%;}
.slider_recommend .slide_wrap .box a{color:#000;text-decoration:none;}
.slider_recommend .slide_wrap .box .inner{background:#FFF;white-space:normal;}
.slider_recommend .slide_wrap.b1 .box .inner{margin:0 5px;padding:3px;border:1px solid #CCC;position:relative;}
.slider_recommend .slide_wrap.b2 .box .inner{margin:0 5px;padding:3px;border:1px solid #CCC;}
.slider_recommend .slide_wrap.b3 .box .inner{margin:0 3px;padding:3px;border:1px solid #CCC;}
.slider_recommend .slide_wrap.b_full .box .inner{margin:0 5px;}
.slider_recommend .slide_wrap .box ul{}
/*物件名*/
.slider_recommend .slide_wrap .box .title{font-size:11px;line-height:15px;color:#FFF;text-align:left;height:15px;padding:0 3px;background:#303030/*--------------color--------------*/ url(/sph/images/reco_tback.png) 0 0 repeat;}
.slider_recommend .slide_wrap.b3 .box .title{font-size:9px;}
.slider_recommend .slide_wrap.b_full .box .title{font-size:11px;line-height:20px;height:20px;}
.slider_recommend .slide_wrap .box .title span{width:100%;height:15px;display:block;overflow:hidden;}
.slider_recommend .slide_wrap.b_full .box .title span{height:20px;}
/*種別*/
.slider_recommend .slide_wrap .box .kind{font-size:10px;color:#FFF;text-align:center;line-height:20px;height:20px;}
.slider_recommend .slide_wrap.b1 .box .kind{width:85px;margin:3px auto 2px 146px;}
.slider_recommend .slide_wrap.b2 .box .kind{margin:3px 0 0;}
.slider_recommend .slide_wrap.b3 .box .kind{margin:3px 0 0;}
.slider_recommend .slide_wrap.b_full .box .kind{font-size:11px;width:170px;margin:5px auto 0 5px;}
/*種別カラー*/
.slider_recommend .slide_wrap .box.box_bb_0 .kind{background:#FF5A95;}/*新築*/
.slider_recommend .slide_wrap .box.box_bb_1 .kind{background:#62A4FF;}/*中古*/
.slider_recommend .slide_wrap .box.box_bb_2 .kind{background:#A1DD01;}/*土地*/
.slider_recommend .slide_wrap .box.box_bb_3 .kind{background:#FF9326;}/*マンション*/
.slider_recommend .slide_wrap .box.box_bb_4 .kind{background:#9673FF;}/*事業用*/
.slider_recommend .slide_wrap .box.box_ct_0 .kind{background:#CC9900;}/*賃貸居住用*/
.slider_recommend .slide_wrap .box.box_ct_1 .kind{background:#9999CC;}/*賃貸事業用*/
.slider_recommend .slide_wrap .box.box_ct_2 .kind{background:#999;}/*賃貸駐車場*/
/*物件画像*/
.slider_recommend .slide_wrap .box .photo{line-height:1px;text-align:center;}
.slider_recommend .slide_wrap.b1 .box .photo{width:143px;height:107px;position:absolute;top:21px;left:2px;overflow:hidden;}
.slider_recommend .slide_wrap.b2 .box .photo{margin:3px 0 0;height:107px;overflow:hidden;}
.slider_recommend .slide_wrap.b3 .box .photo{margin:3px 0 0;height:58px;overflow:hidden;}
.slider_recommend .slide_wrap.b_full .box .photo{width:100%;}
/*.slider_recommend .slide_wrap.b1 .box .photo img{height:100%;}
.slider_recommend .slide_wrap.b2 .box .photo img{height:100%;}
.slider_recommend .slide_wrap.b3 .box .photo img{height:100%;}
.slider_recommend .slide_wrap.b_full .box .photo img{width:100%;max-width:500px;}*/
.slider_recommend .slide_wrap.b1 .box .photo img,
.slider_recommend .slide_wrap.b2 .box .photo img,
.slider_recommend .slide_wrap.b3 .box .photo img{height:auto;width:auto;max-height:100%;max-width:100%;}
.slider_recommend .slide_wrap.b_full .box .photo img{height:auto;width:100%;max-height:100%;max-width:500px;}
/*金額*/
.slider_recommend .slide_wrap .box .price1{font-size:10px;color:#FF0004;text-align:right;}
.slider_recommend .slide_wrap.b1 .box .price1{line-height:21px;height:21px;text-align:left;margin:2px 0 0 146px;}
.slider_recommend .slide_wrap.b2 .box .price1{line-height:21px;height:21px;padding:2px 0;}
.slider_recommend .slide_wrap.b3 .box .price1{line-height:21px;height:21px;padding:2px 0;}
.slider_recommend .slide_wrap.b_full .box .price1{margin:-20px 5px 0 0;}
.slider_recommend .slide_wrap .box .price2{font-size:14px;}
/*住所*/
.slider_recommend .slide_wrap .box .add{font-size:11px;text-align:left;}
.slider_recommend .slide_wrap.b1 .box .add{line-height:16px;height:16px;overflow:hidden;margin:0 auto 0 146px;}
.slider_recommend .slide_wrap.b2 .box .add{line-height:16px;height:16px;overflow:hidden;}
.slider_recommend .slide_wrap.b3 .box .add{line-height:16px;height:30px;overflow:hidden;}
.slider_recommend .slide_wrap.b_full .box .add{font-size:12px;line-height:18px;margin:10px 10px 0;}
/*交通*/
.slider_recommend .slide_wrap .box .route{font-size:11px;text-align:left;}
.slider_recommend .slide_wrap.b1 .box .route{line-height:16px;height:36px;margin:0 0 12px 146px;overflow:hidden;}
.slider_recommend .slide_wrap.b_full .box .route{line-height:16px;padding:3px;margin:3px 5px 0;background:#DDD;}
/*コメント*/
.slider_recommend .slide_wrap .box .comment{font-size:11px;color:#4e7fff;text-align:left;overflow:hidden;}
.slider_recommend .slide_wrap.b1 .box .comment{line-height:15px;height:45px;margin:2px 41px 3px 0;}
.slider_recommend .slide_wrap.b2 .box .comment{line-height:15px;height:45px;margin:2px 0 3px;}
.slider_recommend .slide_wrap.b_full .box .comment{line-height:18px;height:50px;margin:-50px 53px 0 10px;padding:0 0 5px;}
/*その他*/
.slider_recommend .slide_wrap .box .other {font-size:11px;text-align:left;}
.slider_recommend .slide_wrap.b1 .box .other {height:16px;line-height:16px;overflow:hidden;margin:0 auto 0 146px;}
.slider_recommend .slide_wrap.b2 .box .other {height:16px;line-height:16px;overflow:hidden;}
.slider_recommend .slide_wrap.b3 .box .other {height:16px;line-height:16px;overflow:hidden;}
.slider_recommend .slide_wrap.b_full .box .other{font-size:12px;line-height:18px;margin:0 10px;}
/*スタッフ画像*/
.slider_recommend .slide_wrap.b1 .box .staff{width:38px;height:50px;margin:-50px 0 0 auto;overflow:hidden;}
.slider_recommend .slide_wrap.b_full .box .staff{width:38px;height:50px;margin:5px 5px 0 auto;overflow:hidden;}
.slider_recommend .slide_wrap.b1 .box .staff img,
.slider_recommend .slide_wrap.b_full .box .staff img{width:100%;}
/*下部ボタン（スライド・一覧）*/
.slider_recommend .slide_wrap ol{padding:0 0 10px;}
.slider_recommend .slide_wrap ol li{display:inline-block;vertical-align:top;line-height:1px;}
.slider_recommend .slide_wrap ol .left{width:20%;}
.slider_recommend .slide_wrap ol .right{width:20%;}
.slider_recommend .slide_wrap ol .left a,
.slider_recommend .slide_wrap ol .right a{width:30px;display:block;margin:0 auto;}
.slider_recommend .slide_wrap ol .left a img,
.slider_recommend .slide_wrap ol .right a img{width:100%;}
.slider_recommend .slide_wrap ol .list{width:60%;}
.slider_recommend .slide_wrap ol .list a{display:block;font-size:10px;line-height:28px;text-decoration:none;color:#000;height:28px;border:1px solid #888;
/*For Old*/background:#FFF;/*For Old WebKit*/background:-webkit-linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);/*For Modern Browser*/background:linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);}

/*スライダJS対応用*/
.slider_recommend .slide_wrap.b1{width:auto !important;}
.slider_recommend .slide_wrap.b2{padding:0 6px;}
.slider_recommend .slide_wrap.b3{padding:0 6px;}
.slider_recommend .slide_wrap.b2.slide_on{overflow:hidden;padding:0;width:98%!important;margin-left:1%!important;margin-right:1%!important;}
.slider_recommend .slide_wrap.b3.slide_on{overflow:hidden;padding:0;width:98%!important;margin-left:1%!important;margin-right:1%!important;}
.slider_recommend .slide_wrap.b_full.slide_on .box .photo{width:100%;height:260px;text-align:center;overflow:hidden;position:relative;}
.slider_recommend .slide_wrap.b_full.slide_on .box .photo img{width:auto;max-width:none;max-height:260px;position:absolute;margin:auto;top:-50%;bottom:-50%;left:-50%;right:-50%;}

/*========================================
/index.shtml
こだわり特集ボタン
==========*/
.special{border-top:3px solid #303030/*--------------color--------------*/;margin:20px 0 0;}
.special ul{margin:10px 5px 0 5px;text-align:left;}
.special li{width:50%;line-height:1px;vertical-align:top;display:inline-block;margin:0 0 10px;}
.special li a{text-decoration:none;color:#000;display:block;margin:0 5px;}
.special li a img{width:100%;}
.special li a .inner{margin:-55px 0 0;height:55px;overflow:hidden;position:relative;background-color:rgba(255,255,255,0.6);}
.special li a p{font-size:11px;line-height:15px;color:#000;text-align:left;padding:5px 5px 0 15px;}
.special li a p span{font-size:9px;padding:0 0 0 3px;}
.special li a p::after{content:"";height:15px;width:4px;position:absolute;top:5px;left:5px;background:#303030/*--------------color--------------*/;}

/*========================================
/index.shtml
/search/index.shtml
物件検索
　　検索方法選択可能：inner1」
　　リンクのみ：inner2（btn1〜3で横並数切換）
==========*/
.search_warp{margin:20px 0 0;}
.toppage .search_warp{border-top:3px solid #303030/*--------------color--------------*/;}
.search_warp .k_title{font-size:10px;line-height:20px;color:#FFF;text-align:left;height:20px;padding:0 5px;background:#303030/*--------------color--------------*/ url(/sph/images/sc_tback.png) 0 0 repeat;}
.search_warp .inner1{background:#DDD;padding:0 1px 1px 1px;}
.search_warp .inner2{background:#DDD;padding:0 1px 1px 0;}
.search_warp .inner1 + .inner1,
.search_warp .inner2 + .inner2{margin:10px 0 0;}
/*検索方法選択可能：inner1*/
.search_warp .inner1 .btn1{font-size:14px;line-height:50px;height:50px;text-align:left;margin:1px 0 0;
/*For Old*/background:#FFF;/*For Old WebKit*/background:-webkit-linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);/*For Modern Browser*/background:linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);position:relative;}
.search_warp .inner1 .btn1 p{padding:0 0 0 40px;background-position:0 0;background-repeat:no-repeat;background-size:40px 40px;}
.search_warp .inner1 .btn1.box_bb_0 p{background-image:url(/sph/images/sh_ic_bb00.png);}/*新築*/
.search_warp .inner1 .btn1.box_bb_1 p{background-image:url(/sph/images/sh_ic_bb01.png);}/*中古*/
.search_warp .inner1 .btn1.box_bb_2 p{background-image:url(/sph/images/sh_ic_bb02.png);}/*土地*/
.search_warp .inner1 .btn1.box_bb_3 p{background-image:url(/sph/images/sh_ic_bb03.png);}/*マンション*/
.search_warp .inner1 .btn1.box_bb_4 p{background-image:url(/sph/images/sh_ic_bb04.png);}/*事業用*/
.search_warp .inner1 .btn1.box_ct_0 p{background-image:url(/sph/images/sh_ic_ct00.png);}/*居住用*/
.search_warp .inner1 .btn1.box_ct_1 p{background-image:url(/sph/images/sh_ic_ct01.png);}/*事業用*/
.search_warp .inner1 .btn1.box_ct_2 p{background-image:url(/sph/images/sh_ic_ct02.png);}/*駐車場*/
.search_warp .inner1 .btn1 p > span{font-size:10px;padding:0 0 0 10px;}
.search_warp .inner1 .btn1 p > span > span{color:#FF0004;}
.search_warp .inner1 .btn1::after{content:"";position:absolute;display:block;height:10px;right:2px;bottom:2px;width:10px;background:url(/sph/images/sh_ar01a.png) 0 0 no-repeat;background-size:10px 10px;}
.search_warp .inner1 .btn1.active::after{background:url(/sph/images/sh_ar01b.png) 0 0 no-repeat;background-size:10px 10px;}
.search_warp .inner1 .way{display:none;}
.search_warp .inner1 .active + .way{display:block;}
.search_warp .inner1 .way ul{}
.search_warp .inner1 .way li{width:50%;background:#F0F0F0;vertical-align:top;display:inline-block;}
.search_warp .inner1 .way li a{font-size:12px;line-height:45px;color:#000;text-decoration:none;text-align:left;padding:0 0 0 45px;height:45px;display:block;border:1px solid #DB6FA3;background-position:7px center;background-repeat:no-repeat;background-size:30px 30px;}
.search_warp .inner1 .way li.area a{margin:0 1px 2px 2px;background-image:url(/sph/images/sh_ic_c01.png);}/*エリア*/
.search_warp .inner1 .way li.route a{margin:0 2px 2px 1px;background-image:url(/sph/images/sh_ic_c02.png);}/*路線*/
.search_warp .inner1 .way li a span{display:block;height:45px;background:url(/sph/images/sh_ar02.png) right center no-repeat;background-size:25px 30px;}
/*リンクのみ：inner2*/
.search_warp .inner2 .btn1{width:100%;vertical-align:top;display:inline-block;}
.search_warp .inner2 .btn2{width:50%;vertical-align:top;display:inline-block;}
.search_warp .inner2 .btn3{width:33.3%;vertical-align:top;display:inline-block;}
.search_warp .inner2 .btn1 a,
.search_warp .inner2 .btn2 a,
.search_warp .inner2 .btn3 a{font-size:12px;height:50px;color:#000;text-decoration:none;text-align:left;margin:1px 0 0 1px;display:block;/*For Old*/background:#FFF;/*For Old WebKit*/background:-webkit-linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);/*For Modern Browser*/background:linear-gradient(#FFF 0%,#FFF 50%,#F0F0F0 100%);position:relative;}
.search_warp .inner2 .btn1 p,
.search_warp .inner2 .btn2 p,
.search_warp .inner2 .btn3 p{padding:10px 0 0 30px;height:40px;background:url(/sph/images/sh_ic_a01.png) 5px 15px no-repeat;background-size:20px 20px;}
.search_warp .inner2 .btn1 p,
.search_warp .inner2 .btn2 p{line-height:35px;}
.search_warp .inner2 .btn3 p{line-height:20px;}
.search_warp .inner2 .btn1 p span,
.search_warp .inner2 .btn2 p span{font-size:10px;padding:0 0 0 5px;color:#FF0004;} 
.search_warp .inner2 .btn3 p span{font-size:10px;line-height:15px;color:#FF0004;display:block;}
.search_warp .inner2 .btn1 a::after,
.search_warp .inner2 .btn2 a::after,
.search_warp .inner2 .btn3 a::after{content:"";position:absolute;display:block;right:0;top:15px;width:15px;height:20px;background:url(/sph/images/sh_ar03.png) 0 0 no-repeat;background-size:15px 20px;}

/*========================================
/index.shtml
フリーワード検索
==========*/
.search_warp .freeword{margin:1px 0 0;background:#DDD;padding:10px;}
.search_warp .freeword .inner{width:100%;max-width:580px;margin:0 auto;}
.search_warp .freeword .free_text{font-size:16px;line-height:30px;height:40px;width:100%;box-sizing:border-box;border:1px solid #CCC;padding:4px 40px 4px 4px;
/*css3*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.search_warp .freeword .free_text:focus{background-color: #FFFFCC;}
.search_warp .freeword .free_btn{text-align:right;line-height:0;}
.search_warp .freeword .free_btn a{display:block;width:40px;height:40px;margin:-40px 0 0 auto;}
.search_warp .freeword .free_btn a img{width:100%;}

/*========================================
/index.shtml
バナーエリア
==========*/
.bannerarea{text-align:center;}
.bannerarea p{padding:20px 0 0;margin:0 15px;}
.bannerarea p img{width:100%;max-width:468px;height:auto;border:1px solid #DDD;}

/*========================================
/index.shtml
会員登録エリア
==========*/
.entryarea{text-align:center;margin:20px 0 0;background:#303030/*--------------color--------------*/;}
.entryarea p{}
.entryarea p img{width:100%;max-width:500px;height:auto;}
.entryarea p + p{font-size:14px;line-height:20px;text-align:left;color:#FFF;box-sizing:border-box;padding:0 10px 10px;width:100%;max-width:500px;margin:0 auto;}