@charset "utf-8"; /* Copyright 2018 FSFIELD All Rights Reserved. */ /* ------------------------------------------------------------ home ------------------------------------------------------------ */ /* 検索欄 ---------------------------------------------- */ #searchbox{ /*background:#3B689A url(../../img/home2/bg_search01.gif) repeat-x center bottom;*/ padding: 37px 0 0; position:relative; height:352px; box-sizing:border-box; background:url('../../img/home2/kv_bg.png') bottom left no-repeat #357DBE;padding-bottom:0; } #searchbox p.srcnote { width:1000px; margin:0 auto 15px; font-size:280%; line-height:1.4em; font-family:'Noto Sans JP'; color:#fff; font-weight:bold; } #search{ width: 1000px; margin: 0 auto; } #search td{vertical-align: top;} #search td:last-child{text-align: right;} #search td input{ padding:10px; border: 1px solid #FFF; border-radius: 5px; } #search td img{ vertical-align: middle; /*margin: 0 15px 0 7px;*/ margin: 0 7px; } #search td:last-child img{margin: 0;} /*--placeholder--*/ #searchbox input::placeholder {color: #D2D2D2;} /* IE */ #searchbox input:-ms-input-placeholder {color: #D2D2D2;} /* Edge */ #searchbox input::-ms-input-placeholder {color: #D2D2D2;} /* 路線から探す・エリアから探す ---------------------------------------------- */ /*--共通--*/ #searcharea{padding: 40px 0;} #nav_search01{ width: 1000px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .arrowsbox { position:relative; } .arrows { width:30px; height:30px; position:absolute; top:0; left:735px; } .search_train, .search_area{ /*display: none;*/ margin-top: 30px; background: #EFF8FC; padding: 30px; border-radius:8px; border:2px solid #82C7E8; } .search_train { display:none; } .selrailarea:hover { opacity:0.7; } .contents{margin-bottom: 30px;} .contents:last-of-type{margin-bottom: 0;} .contents .list_type01{ display: -webkit-flex; display: flex; -webkit-flex-wrap:wrap;/*--safari用--*/ flex-wrap:wrap; } .contents .list_type01 li{width: 156px;} /*--エリアから探す--*/ .areaList{ display: -webkit-flex; display: flex; flex-wrap:wrap; -webkit-justify-content: space-between; justify-content: space-between; } .areaList li{ /* width: 223px; */ width: 30%; margin-bottom:7px; } /* ブログ ---------------------------------------------- */ #blog{ /* background: #EFF8FC; */ padding: 40px 0; } .slick_blog{ padding-bottom: 30px; margin:0 -20px 40px 0; } .article_blog{ width: 235px; margin-right: 20px; } .article_blog a{ color: #333; display: block; } .article_blog a:hover{opacity: .7;} .article_blog .photo{ background-size: cover; background-repeat: no-repeat; background-position: center center; width: 320px; height: 220px; position: relative; margin-bottom: 10px; } .article_blog .photo .cat-name{ text-align: center; position:absolute; top:0; right:0; background:#fcee21; color:#FFF; font-size:0.7em; font-weight:bold; padding:0.1em 0.5em; min-width:8em; opacity: .9; } /* ボタン ---------------------------------------------- */ #btn_area{padding: 40px 0;} #btn_area ul{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } /* 居抜き・リノベ ---------------------------------------------- */ #fop_area, #rop_area, #depo_area, #flex_area { padding:40px 0px; } #fop_area { /*background-color:#fffefe;*/ background: #EFF8FC; } #rop_area, #flex_area { background-color:#EFF8FC; } #fop_area ul, #rop_area ul, #depo_area ul, #flex_area ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } #fop_area a, #rop_area a, #depo_area a, #flex_area a { color: #333; } #flex_area ul li { width:25%; box-sizing:border-box; padding:5px; } #flex_area ul li .field-name-field-real-thumbnail { height:160px; background-color:#6C9BBD; } #flex_area ul li .field-name-field-real-thumbnail img { width:100%; /*height:auto;*/ height:160px; } #flex_area ul li .field-name-field-real-address { padding:20px 0 25px; } #flex_area ul li .field-name-field-real-price, #flex_area ul li .field-name-field-real-type, #flex_area ul li .field-name-field-jobid, #flex_area ul li .field-type-taxonomy-term-reference { display:none; } .limitlabel { position:absolute; top:0; right:0; background:rgba(30,30,30,0.7); padding:5px 15px; color:#fff; font-size:85%; font-weight:bold; z-index:99; } .frimg { width:100%; height:140px; overflow:hidden; position:relative; } .frimg img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* LPバナー ---------------------------------------------- */ #lp_area{ background: #EFF8FC; padding: 40px 0; } .slick_lp{ padding-bottom: 40px; margin-right: -20px; } .slick_lp li a{display: block;} .slick_lp li a:hover{opacity: .7;} .slick_lp .slick-slide{margin-right: 20px;} /* 移転便利ツール・特集物件 ---------------------------------------------- */ #content_area01{ padding: 40px 0; font-size: 1.6rem; } #content_area01 h2{margin-bottom: 20px;} #tools{ width: 490px; background: #EFF8FC url(../../img/home2/bg_home01.gif) no-repeat 20px center; padding: 40px 20px 40px 190px; border-radius: 2%; } #sub_feature{ width: 490px; background: #EFF8FC url(../../img/home2/bg_home02.gif) no-repeat 20px center; padding: 40px 20px 65px 190px; border-radius: 2%; } /* クライアント/契約顧客 ---------------------------------------------- */ #client{ background: #EFF8FC; padding: 40px 0; } /*#client_inner{width: 395px;}*/ #client_inner{width: 100%;} #client_inner h2{margin-bottom: 35px;} #client_inner p{line-height: 1.8;} /* タイプ別物件 ---------------------------------------------- */ #property_type{padding: 40px 0;} #property_type h2{margin-bottom: 40px;} .propertyList{ display:-webkit-flex;/*--safari用--*/ display:flex; -webkit-flex-wrap:wrap;/*--safari用--*/ flex-wrap:wrap; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: -40px; } .propertyList li{margin-bottom: 40px;} /* 特集物件 ---------------------------------------------- */ #feature{ padding: 40px 0 44px; background: #EFF8FC; } #feature h2{margin-bottom: 40px;} #feature .list_type02 li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #feature .list_type02 li:last-child a{border-bottom: none;} #article_feature{ display:-webkit-flex;/*--safari用--*/ display:flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 40px; } .feature_inner{ width: 320px; background: #FFF; } .scroll_area{ height: 180px; border-right: 1px solid #D7E9EC; border-bottom: 1px solid #D7E9EC; border-left: 1px solid #D7E9EC; padding: 10px 2px 0 10px; } /* お問い合わせ ---------------------------------------------- */ #contact_area{ background: #3B689A; text-align: center; position: relative; } #contact_area::before{ content: ''; width: 100%; height: 2px; background: #3B689A; display: block; position:absolute; top: -4px; } /*レコメンド関連 20180723 aldesigns */ div#popular, div#popularaccess, div#reco, div#same, div#station{ margin-bottom:50px; } div#popular ul#list_popular, div#popularaccess ul#list_popularaccess, div#reco #list_reco, div#same #list_same div#station #list_station{ letter-spacing: -.4em; } div#popular ul#list_popular li, div#popularaccess ul#list_popularaccess li, div#reco #list_reco li, div#same #list_same li, div#station #list_station li{ display:inline-flex; width:20%; box-sizing:border-box; position:relative; letter-spacing:normal; margin-bottom:20px; } div#popular ul#list_popular li a, div#popularaccess ul#list_popularaccess li a, div#reco #list_reco li a, div#same #list_same li a, div#station #list_station li a{ display:block; position:relative; width:95%; margin:auto; color: #333; } div#popular ul#list_popular li a p.buildimg, div#popularaccess ul#list_popularaccess li a p.buildimg, div#reco #list_reco li a p.buildimg, div#same #list_same li a p.buildimg, div#station #list_station li a p.buildimg{ position:relative; margin:0 auto 5px; width:100%; height:175px; line-height:175px; overflow:hidden; text-align:center; } div#popular ul#list_popular li a p.buildimg img, div#popularaccess ul#list_popularaccess li a p.buildimg img, div#reco #list_reco li a p.buildimg img, div#same #list_same li a p.buildimg img, div#station #list_station li a p.buildimg img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:100%; } div#popular ul#list_popular li a p.buildingname, div#popularaccess ul#list_popularaccess li a p.buildingname, div#reco #list_reco li a p.buildingname, div#same #list_same li a p.buildingname, div#station #list_station li a p.buildingname{ min-height:45px; padding:10px 0px 0px; margin-bottom:5px; text-align:center; box-sizing: content-box; } div#popular ul#list_popular li a .todetailbtn, div#popularaccess ul#list_popularaccess li a .todetailbtn, div#reco #list_reco li a .todetailbtn, div#same #list_same li a .todetailbtn, div#station #list_station li a .todetailbtn{ width:60%; padding:5px 0px 3px; color:#fff; text-align:center; margin:0 auto; border-radius:5px; background-color:#1F4D85; } div#popular ul#list_popular li a:hover, div#popularaccess ul#list_popularaccess li a:hover, div#reco #list_reco li a:hover, div#same #list_same li a:hover, div#station #list_station li a:hover{ color: #4B98CB; } div.inner_center { width: 1000px; margin: 0 auto; position: relative; height: 100%; } #service-other .service-list { display: flex; flex-wrap: wrap; margin: 50px 0; justify-content: space-between; font-size: 14px; text-align: left; font-weight: bold; } #service-other .service-list .item a{ display: inline; text-decoration: underline; } #service-other .service-list a:first-child { font-size: 16px; } /*.service-list-wrap .service-list .item {*/ /* width: 23%;*/ /*}*/ /*20180806korenaga*/ #h3_home06, #h3_home07 { text-align:left !important; margin:40px 0px; } /* ブログカテゴリカラー 20190423 */ .photo { color: #fff; } /*おすすめ飲食店など*/ .photo .recommended-restaurants { background-color:#e58457 !important; } /*その他*/ .photo .other { background-color:#8b8ba0 !important; } /*オフィスの悩み ok*/ .photo .office-troubles { background-color:#ffc1ff !important; } /*オフィスの防災対策*/ .photo .disaster { background-color:#db4ddd !important; } /*オフィスを快適にするには*/ .photo .office-comfortable { background-color:#84d64a !important; } /*オフィスビル紹介 ok*/ .photo .building { background-color:#1fe2c2 !important; } /*コラム・ニュース ok*/ .photo .column { background-color:#FFCF30 !important; } /*再開発計画*/ .photo .redevelopment-plan { background-color:#DA9AAE !important; } /*居抜きオフィス*/ .photo .inuki { background-color:#b57a3f !important; } /*移転の準備*/ .photo .preparation { background-color:#43c193 !important; } /*移転事例*/ .photo .example { background-color:#56dcf7 !important; } /* 20190711 追加 korenaga */ .indexsrcbtn { font-family:'Noto Sans JP'; text-align:center; padding:14px 0px; color:#fff; display:block; background-color:#F2A95C; font-size:110%; box-sizing:border-box; letter-spacing:.1em; border-radius:4px; line-height:1em; } #sBtn01 { width:49.5%; border-radius:5px; background:url('../../img/home/arrow_down_s.png') right 15px center no-repeat #CACACA; } #sBtn01 h2 { color:#fff; padding:15px 0px 15px 55px; font-size:120%; font-family:'Noto Sans JP'; background:url('../../img/home/ico_railway.png') 15px center no-repeat; } #sBtn02 { width:49.5%; border-radius:5px; background:url('../../img/home/arrow_down_s.png') right 15px center no-repeat #337DBE; } #sBtn02 h2 { color:#fff; padding:15px 0px 15px 55px; font-size:120%; font-family:'Noto Sans JP'; background:url('../../img/home/ico_area.png') 15px center no-repeat; } h2.indexlist { font-family:'Noto Sans JP'; font-size:200%; font-weight:bold; text-align:center; letter-spacing:.1em; } h2.indexlist p { font-family:'Noto Sans JP'; text-align:center; font-size:50%; } a.indextolist { display:block; width:400px; color:#fff !important; background-color:#337DBE; text-align:center; font-family:'Noto Sans JP'; font-weight:bold; margin:0 auto; padding:15px 0; border-radius:5px; font-size:120%; } a.indextdfkbtn { font-family:'Noto Sans JP'; display:block; width:225px; color:#fff !important; background:url('../../img/home/arrow_right_s.png') right 15px center no-repeat #337DBE; box-sizing:border-box; padding:15px 0px 15px 20px; border-radius:3px; font-size:14px; font-weight:normal; letter-spacing:.1em; line-height:1.0em; } a.indextdfkbtn:hover { opacity: 0.7; } .taCenter { text-align:center; } #market-box { background-image:url('../../img/home/market.png'); background-size:cover; background-position:center bottom; padding:120px 0px 130px; } #market-box .title-txt { font-family:'Noto Sans JP'; font-size:200%; font-weight:500; color:#fff; text-align:center; letter-spacing:.1em; margin-bottom:0; } #market-box .title-txt span { font-family:'Noto Sans JP'; font-size:50%; font-weight:bold; color:#fff; display:block; letter-spacing:.1em; } #market-box .link-box { background-color:#FFF; width:350px; margin:30px auto 0; border-radius:5px; } #market-box .link-box a { font-family:'Noto Sans JP'; font-size:110%; font-weight:bold; color:#fff; display:block; background-color:#347EBF; padding:15px 0px; text-align:center; box-sizing:border-box; border-radius:4px; } .list-style .btn-box{ text-align:center; width:100%; margin-bottom: 1.5em; } .list-style .btn-box .link-todetail{ display:inline-block; width:45%; border:2px solid #333; padding:8px 15px; text-align:center; /* margin-top:40px; */ font-size:85%; font-weight:bold; box-sizing:border-box; } .list-style .btn-box .link-todetail2{ display:inline-block; width:45%; /*border:2px solid #333;*/ padding:10px 15px; background-color:#dc3c3c; color:#fff!important; text-align:center; font-size:85%; font-weight:bold; box-sizing:border-box; }