@charset "utf-8"; /* Copyright 2017 FSFIELD All Rights Reserved. */ @import url("https://www.officetar.jp/furnished/css/mypage.css?date=0127"); /* ------------------------------------------------------------ 居抜き物件 共通 ------------------------------------------------------------ */ /* web font */ /* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap'); */ /* NotoSansJP */ @font-face { font-family:Noto Sans JP; src: url('../../common/fonts/NotoSansJP-Light.otf') format('opentype'); font-weight:300; font-size:normal; } @font-face { font-family:Noto Sans JP; src: url('../../common/fonts/NotoSansJP-Regular.otf') format('opentype'); font-weight:400; font-size:normal; } @font-face { font-family:Noto Sans JP; src: url('../../common/fonts/NotoSansJP-Medium.otf') format('opentype'); font-weight:500; font-size:normal; } @font-face { font-family:Noto Sans JP; src: url('../../common/fonts/NotoSansJP-Bold.otf') format('opentype'); font-weight:700; font-size:bold; } @font-face { font-family:Noto Sans JP; src: url('../../common/fonts/NotoSansJP-Black.otf') format('opentype'); font-weight:900; font-size:bold; } /* Lato */ @font-face { font-family:Lato; src: url('../../common/fonts/Lato-Regular.ttf') format('truetype'); font-weight:400; font-size:normal; } @font-face { font-family:Lato; src: url('../../common/fonts/Lato-Bold.ttf') format('truetype'); font-weight:700; font-size:bold; } @font-face { font-family:Lato; src: url('../../common/fonts/Lato-Black.ttf') format('truetype'); font-weight:900; font-size:bold; } /* Akshar */ @font-face { font-family:Akshar; src: url('../../common/fonts/Akshar-Regular.ttf') format('truetype'); font-weight:400; font-size:normal; } @font-face { font-family:Akshar; src: url('../../common/fonts/Akshar-Medium.ttf') format('truetype'); font-weight:500; font-size:bold; } @font-face { font-family:Akshar; src: url('../../common/fonts/Akshar-SemiBold.ttf') format('truetype'); font-weight:600; font-size:bold; } /* Josefin Slab */ /* @font-face { font-family:Lato; src: url('../../common/fonts/JosefinSlab-VariableFont_wght.ttf') format('truetype'); font-weight:400; font-size:normal; } */ /* テーブル ---------------------------------------------- */ table.detail{width:100%;} table.detail th, table.detail td{ font-size:93%; line-height:1.2; padding:20px 0 15px; color:#493A2A; background:url(../furnished/img/bg_bdr01.gif) repeat-x 0 bottom; } table.detail th{ font-weight:bold; text-align:left; vertical-align:top; } table.detail tr:first-child th, table.detail tr:first-child td{ /* padding-top:0; */ vertical-align:top; } /* ------------------------------------------------------------ 居抜き物件 一覧 ------------------------------------------------------------ */ .wrap_heading01{ width: 100%; /* min-width: 1100px; */ max-width:1400px; margin:0 auto; } /*.wrap_heading01 img{ width: 100%; }*/ .wrap_heading01 h2{margin-bottom:80px;} .wrap_photo01{ width:100%; box-sizing:border-box; height:280px; position:relative; margin-bottom:15px; cursor:pointer; overflow: hidden; } .wrap_photo01 .new{ width:64px; height:24px; position:absolute; left:0; top:10px; z-index:2; } .wrap_photo01 .period{ width:100%; box-sizing:border-box; /*background:url(../furnished/img/bg_period01.png) repeat 0 0;*/ background:rgba(115,102,57,0.8); padding:10px; color:#fff; font-size:86%; position:absolute; bottom:0; left:0; margin-bottom:0; font-weight:bold; } .wrap_photo01 .period_l{ width:100%; box-sizing:border-box; background:url(../furnished/img/bg_period02.png) repeat 0 0; padding:10px; color:#fff; font-size:86%; position:absolute; bottom:0; left:0; margin-bottom:0; font-weight:bold; } .wrap_photo01 .period_f{ width:100%; box-sizing:border-box; height:280px; background:url(../furnished/img/bg_period03.png) repeat 0 0; padding-top: 95px; color:#fff; font-size:86%; position:absolute; top:0; left:0; margin-bottom:0; font-weight:bold; vertical-align: middle; text-align: center; } .wrap_photo01 .period_v10{ width:100%; box-sizing:border-box; height:280px; background:url(../furnished/img/bg_period04.png) repeat 0 0; display: -webkit-flex; /* Safari用 */ display: flex; -webkit-justify-content: center; /* Safari用 */ justify-content: center; -webkit-align-items: center; /* Safari用 */ align-items: center; color:#fff; font-size:120%; position:absolute; top:0; left:0; margin-bottom:0; font-weight:bold; vertical-align: middle; text-align: center; text-decoration: underline; } .wrap_photo01 .photo span{ display:block; width:100%; box-sizing:border-box; height:280px; background-size:cover; } /* リスト ---------------------------------------------- */ .list_furnished01{ overflow:hidden; /*margin-right:-40px;*/ width:100%; display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .list_furnished01 li{ width:32%; min-width:300px; float:left; margin:0 2% 60px 0; } .list_furnished01 li:nth-child(3n){ margin-right:0; } .list_furnished01 li:hover .photo span{opacity:0.7;} .list_furnished01 li:hover h3{color:#A39B7D;} .list_furnished01 li:hover table{opacity:.7;} .list_furnished01 li h3{ font-size:107%; color:#736639; font-weight:bold; line-height:1.2; padding-bottom:12px; margin-bottom:20px; border-bottom:1px solid #92A382; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ページネーション 上書き ---------------------------------------------- */ .wrap_navi_page01{padding-bottom:0 !important;} .navi_page01 p{margin-bottom:0;} /* ------------------------------------------------------------ 居抜き物件 詳細 ------------------------------------------------------------ */ .title{ color:#213D59; font-size:157%; line-height:1.2; border-bottom:1px solid #CFE0E0; margin-bottom:30px; padding-bottom:12px; font-weight:normal; } .single_content{margin-bottom:40px;} .single_content h3{ background:#EFF8FC; padding:20px 20px 17px 20px; font-size:114%; line-height:1.4; margin-top:20px; margin-bottom:20px; } .single_content p:last-child{margin-bottom:0;} .single_content img{ max-width:700px; height:auto; } /*-- 20170810 aldesigns追加 --*/ .seeklimited { width: 180px; padding: 8px 10px 6px; font-size: 120%; color: #ff4500; border: 3px solid #ff4500; border-radius: 7px; /* CSS3草案 */ -webkit-border-radius: 7px; /* Safari,Google Chrome用 */ -moz-border-radius: 7px; /* Firefox用 */ text-align: center; } /*--募集中--*/ .wanted{ /*color:#3A6799;*/ /* color:#736639; */ color:#39A79C; margin-bottom:20px; display:flex; align-items:center; } .wanted p{ display:inline-block; margin-bottom:0; font-weight:bold; } .wanted p.ico{ /*background:#3B689A;*/ /* background:#736639; */ background:#39A79C; color:#fff; padding:8px 15px 6px; margin:0 8px 0 0; word-break:keep-all; } /*--募集終了--*/ .finish{ color:#999999; margin-bottom:20px; } .finish p{ display:inline-block; margin-bottom:0; font-weight:bold; } .finish p.ico{ background:#999; color:#fff; padding:8px 15px 6px; margin:0 8px 0 0; } /* サイドバー ---------------------------------------------- */ #side_furnished{ /* #contentをflex-wrap:wrapにする場合はwidthをセットする必要あり /* width:230px; */ /* float:right; */ position:relative; margin-left:10px; width:30%; } #side_furnished .detail th { /* width:30%; */ width:40%; } #side_furnished .detail td{color:#333;} /* .fixedmenu{ width: 23.5%; position:relative; } */ .side_period{ width:100%; color:#fff; font-weight:bold; font-size:107%; margin-bottom:0; background:#736639; padding:10px 0 7px; text-align:center; border-bottom:4px solid #C6C1AF; } .side_period span{ display:block; font-size:93%; } .side_period_fin{ width:100%; color:#fff; font-weight:bold; font-size:115%; margin-bottom:0; background:#c1c1c1; padding:10px 0 7px; text-align:center; border-bottom:4px solid #aaaaaa; } .wrap_side01{ border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6; padding:20px; } .station{ font-size:121%; text-align:center; /* background:url(../furnished/img/bg_bdr01.gif) repeat-x 0 bottom; */ border-bottom: 2px solid #736639; padding-bottom:15px; line-height:1.2; margin-bottom:10px; font-weight:bold; color:#736639; } .station span{ /* color:#79CAE7; */ color:#EC9F42; } /* スライダー ---------------------------------------------- */ /*--メインスライダー--*/ /* #slider{margin-bottom:30px;} ul.main_slider li { display:block; width:640px; height:467px; text-align:center; background-color: #f5f5f5; } */ /* ul.main_slider li img{ max-width:700px; height:auto; } */ /*--サムネイル--*/ /* #carousel{ position:relative; margin-bottom:40px; } #carousel .flex-viewport{ margin:0 24px; padding:10px; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; } ul.thumbnail li{ margin-right:10px; height: 97px; width:97px !important; display:block; overflow:hidden; position:relative; cursor:pointer; } ul.thumbnail li:hover img{opacity:.7;} ul.thumbnail li img{ max-height:97px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: auto; } */ /*--PAGER--*/ /* .flex-prev{background:url(../furnished/img/btn_prev.jpg) no-repeat 0 0;} .flex-next{background:url(../furnished/img/btn_next.jpg) no-repeat 0 0;} .flex-prev:hover{background:url(../furnished/img/btn_prev_on.jpg) no-repeat 0 0;} .flex-next:hover{background:url(../furnished/img/btn_next_on.jpg) no-repeat 0 0;} .flex-nav-prev{ left:0; top:0; position:absolute; } .flex-nav-next{ right:0; top:0; position:absolute; } .flex-direction-nav a { width: 24px; height: 119px; display: inline-block; z-index: 100; cursor: pointer; text-indent: -9999px; } */ /* リスト ---------------------------------------------- */ .list_nav01{ position:relative; height:21px; } .list_nav01 li.previous_link, .list_nav01 li.list, .list_nav01 li.next_link{position:absolute;} .list_nav01 li.previous_link{ top:0; left:0; } .list_nav01 li.previous_link a{ background:url(../furnished/img/ico_arrow01.png) no-repeat left center; padding-left:10px; color:#333; } .list_nav01 li.previous_link a:hover, .list_nav01 li.list a:hover, .list_nav01 li.next_link a:hover{color:#4F99CA;} .list_nav01 li.list{ margin:auto; left:0; right:0; text-align:center; } .list_nav01 li.list a{ background:url(../furnished/img/ico_list01.png) no-repeat 0 0.3em; padding-left:20px; color:#333; } .list_nav01 li.next_link{ top:0; right:0; } .list_nav01 li.next_link a{ background:url(../furnished/img/ico_arrow02.png) no-repeat right center; padding-right:10px; color:#333; } /* layout.css 上書き ---------------------------------------------- */ div#container{ overflow:hidden; max-width:980px; } div#container-list{ overflow:hidden; max-width:1200px; /*width:100%; max-width:1200px; min-width:980px;*/ } /* 20181120 korenaga 追記 */ .arealistnav { display:flex; flex-wrap:wrap; justify-content:space-around; } .arealistnav li { /* width: 13%; */ width:12%; margin-bottom:6px; } .arealistnav li.btn-all { width:50%; margin-left:auto; margin-right:auto; } .arealistnav li a { display:block; text-align:center; padding:32px; /*background-color:#C6C1AD;*/ background-color:#B6DAC7; border-radius:8px; box-sizing:border-box; text-align:center; font-weight:bold; } .arealistnav li a:hover, .arealistnav li a.active { /*background-color: #736639;*/ background-color:#fff; color: #39a79c; } .arealistnav li p.anon { margin: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 120%; font-weight: bold; background-color: #7CC6BD; border-radius: 8px; color: #39A79C; } .btn-ftor { display:inline-block; background-color:#736639; color:#fff; text-align:center; border-radius:30px; padding:12px 10px 10px; } /***** 201909 新デザイン korenaga *****/ /* font指定 */ body,p,h1,h2,h3,h4,h5,h6,div,li,td,th,span,a,nav,section,input,button,select,textarea,label { font-family: 'Noto Sans JP', sans-serif; } .fontNoto { font-family: 'Noto Sans JP', sans-serif; } .fontLato { font-family: 'Lato', sans-serif; } .fontAkshar { font-family: 'Akshar', sans-serif; } .navnone { display:none; } .navdis { display:block; } nav#indexnav { width:100%; background-color:#39a79c; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2); } #indexnav ul { display:flex; flex-wrap:wrap; width:100%; /* max-width:1250px; */ margin:0 auto; border-left:1px solid #55B985; border-right:1px solid #248854; box-sizing:border-box; justify-content: center; } #indexnav ul li { width:12.5%; min-width: 79px; border-left:1px solid #248854; border-right:1px solid #55B985; box-sizing:border-box; } /* #indexnav ul li:last-child { width: 16%; } */ #indexnav ul li a { display:block; padding:10px 0; text-align:center; color:#fff; font-size:100%; font-weight:500; font-family: 'Noto Sans JP', sans-serif; } #indexnav ul li a:hover { background:rgba(255,255,255,0.3); } #mainvisual { width:100%; max-width:1400px; margin:0 auto; display:flex; } #mainvisual #imagebox { width:60%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order:1; overflow:hidden; } #mainvisual.list-visual #imagebox { width: 100%; } #mainvisual #imagebox #slide-wrap{ position: relative; margin: 0 auto; max-width: 70%; } #mainvisual ul#visuallist { display:flex; flex-wrap:nowrap; } #mainvisual.list-visual #visual-slide .swiper-slide a{ width: 100%; display:flex; align-items:center; justify-content:center; background-color:#f5f5f5; } #mainvisual #visual-slide .swiper-slide { /*width:100%; display:flex;*/ /*height:565px;*/ /* height: 516px; */ height:400px; border-radius: 10px; overflow:hidden; position:relative; } #mainvisual #visual-slide .swiper-slide a { /*position:absolute;*/ width:100%; position:relative; display:block; height:100%; box-sizing:border-box; /*padding-top: 450px; padding-left: 100px;*/ } #mainvisual #visual-slide .swiper-slide a .info, .slide-lower .swiper-slide .info{ position:absolute; width:90%; /* bottom:10px; left:32px; */ bottom:20px; left:20px; } #mainvisual #visual-slide .swiper-slide .bnrnew { font-family: 'Noto Sans JP', sans-serif; width:135px; background-color:#EC733A; padding:5px 0px 8px; text-align:center; color:#fff; font-size:90%; margin-bottom:15px; } #mainvisual #visual-slide .swiper-slide h2 { color:#fff; font-size:170%; line-height:1em; margin-bottom:10px; font-family: 'Noto Sans JP', sans-serif; font-weight:400; } #mainvisual #visual-slide .swiper-slide .gldbox { position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,0.95)); } #mainvisual .swiper-container { width: 100% !important; height: 100% !important; overflow: visible !important; z-index: 1 !important; } .swiper-button-next, .swiper-button-prev { color: #fff !important; } #mainvisual #visual-slide div p.propertyinfo { font-family: 'Noto Sans JP', sans-serif; color:#fff; font-size: 20px; font-weight: bold; display: flex; flex-wrap: wrap; } #mainvisual .swiper-slide .propertycopies, .slide-lower .swiper-slide .propertycopies { font-family: 'Noto Sans JP', sans-serif; display:flex; flex-wrap:wrap; align-items:end; /* margin-bottom:20px; */ } #mainvisual .swiper-slide .propertycopies .prono, .slide-lower .swiper-slide .propertycopies .prono { background-color:rgba(255,255,255,0.9); font-weight:bold; padding:3px 10px; margin:0 0 7px; } #mainvisual .swiper-slide .propertycopies .procopy, .slide-lower .swiper-slide .propertycopies .procopy { font-weight: bold; font-size:140%; color:#fff; line-height:1.5; margin:0; width:100%; } #mainvisual .swiper-slide div.propertyinfo2bg, .slide-lower .swiper-slide div.propertyinfo2bg { position:absolute; top:-30px; right:-30px; background-color:rgb(255,86,19,0.7); width:180px; height:180px; border-radius:50%; } #mainvisual .swiper-slide div.propertyinfo2, .slide-lower .swiper-slide div.propertyinfo2 { position:absolute; top:0; right:0; width: 145px; height: 135px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; flex-direction:column; } #mainvisual .swiper-slide div.propertyinfo2 p, .slide-lower .swiper-slide div.propertyinfo2 p { color:#fff; font-weight:bold; line-height:1.3; font-size:170%; text-align:center; margin:0; /* white-space: nowrap; */ } .swiper-button-next:after, .swiper-button-prev:after { font-size: 25px !important; } .search-box { background-color:#39a79c; padding:40px 0; margin-top:50px; } .search-box .section-inner{ max-width:1200px; margin-left:auto; margin-right:auto; } #mainvisual ul#visuallist li { width:100%; background-size:cover !important; display:flex; height:565px; } #mainvisual ul#visuallist li a { width:100%; display:block; box-sizing:border-box; padding-top:450px; padding-left:100px; } #mainvisual ul#visuallist li .bnrnew { font-family: 'Noto Sans JP', sans-serif; width:135px; background-color:#EC733A; padding:5px 0px 8px; text-align:center; color:#fff; font-size:90%; margin-bottom:15px; } #mainvisual ul#visuallist li h2 { color:#fff; font-size:170%; line-height:1em; margin-bottom:10px; font-family: 'Noto Sans JP', sans-serif; font-weight:400; } #mainvisual ul#visuallist li p.propertyinfo { font-family: 'Noto Sans JP', sans-serif; color:#fff; } #mainvisual #visualtext { width:40%; /*background-color:#fff; border-bottom:2px solid #f00;*/ position:relative; } #mainvisual #visualtext .illust{ position:absolute; left: 19px; bottom: -51px; } .main-logo{ margin-bottom: 38px; } #mainvisual #visualtext .boxinner { width:100%; width:365px; margin:0 auto; padding:0px 0; } #mainvisual #visualtext h1 { font-size:25px; padding-bottom:40px; font-family: 'Noto Sans JP', sans-serif; font-weight:500; } #mainvisual #visualtext p.kvtext { font-family: 'Noto Sans JP', sans-serif; font-weight:500; /* line-height:2.6em; */ line-height:1.6em; /* font-size:130%; */ font-size: 15px; } #mainvisual #visualtext p .golist { display: block; background-color: #fd9e0f; font-size: 18px; text-align: center; color: #fff; font-family: 'Noto Sans JP', sans-serif; padding: 11px 0px 14px; cursor: pointer; } .count-list{ max-width:900px; margin-left:auto; margin-right:auto; margin-top: 50px; padding:10px; display:flex; justify-content:space-between; } .count-list .item{ width:49%; padding:10px; /* border:1px solid #ccc; */ margin-bottom:80px; box-sizing:border-box; position:relative; /* border-bottom:1px solid #666; */ } .count-list .ttl{ background-color:#333; color:#fff; padding:10px; font-size:18px; text-align:center; } .count-list .ttl small{ font-size:12px; } .count-list .icon-wrap{ display:flex; justify-content:center; } .count-list .icon-wrap .icon{ width:30%; } .count-list .icon-wrap .icon img{ width:100%; } .count-list .icon-wrap .count{ box-sizing:border-box; padding-left:30px; } .count-list .icon-wrap .count .sub{ font-size:25px; font-weight:bold; color:#D04D4D; } .count-list .icon-wrap .count .info{ font-size:25px; font-weight:bold; } .count-list .icon-wrap .count .info span{ font-size:70px; line-height:1em; vertical-align:bottom !important; margin:0px 10px; } .explain-list{ max-width:900px; margin-left:auto; margin-right:auto; padding:10px; display:flex; justify-content:space-between; } .explain-list li{ width:49%; margin-bottom:20px; box-sizing:border-box; } .bg-glay{ background-color:#fafafa; } .local-ttl i{ color: red; font-size: 20px; display: block; } .service-txt{ background-color:#d4e5e6; padding:10px; } .service-ttl{ position:relative; text-align:center; } .service-ttl img{ height:100px; position:relative; } .service-ttl:before{ background-color:#38BBC5; content:""; width:100%; height:80px; position:absolute; bottom:0; left:0; } .to-detail a{ display:block; color:#fff; padding:10px; text-align:center; font-size:20px; background-color: #da4545; border-radius:10px; } .contents01 { padding:50px 0px; } .contents02 { padding:50px 0px; background-color:#FAFAFA; } .contents01 .section-inner, .contents02 .section-inner { max-width:1200px; margin:0 auto; } .contents01 .section-inner h2, .contents02 .section-inner h2 { font-size:210%; text-align:center; font-family: 'Noto Sans JP', sans-serif; font-weight:500; padding-bottom:50px; } .labels { font-family: 'Noto Sans JP', sans-serif; width:120px; padding:5px 0px; text-align:center; color:#fff; font-size:90%; } @media screen and (max-width: 769px){ .labels { width: auto; padding: 5px; } } .new, .up { position:absolute; top:15px; left:0; } .new { background-color:#EC733A; } .up { background-color:#eed232; } .blog { background-color:#EDDE23; position:absolute; top:15px; left:0; } .ul-flex { display:flex; justify-content:space-around; } .ul-flex-rec { display:flex; overflow-x:auto; } .per30 { width:30%; } .per40 { width:40%; } .listPer50 { display:flex; margin:70px auto 0; } .listPer50 li { width:50%; } .wflttl { width:85%; color:#3A9569; padding:4px; border:3px solid #3A9569; border-radius:15px; font-size:120%; margin:0 auto; } .fontOcPr250 { font-size:250%; color:#DE7C4B; } .link-inquiry { display:block; width:300px; margin:70px auto 0px; text-align:center; background-color:#39a79c; color:#fff; padding:15px 0px; font-size:120%; font-weight:bold; } .property-box { border: 1px solid #ccc; width:24%; padding:10px 10px 20px; box-sizing:border-box; box-shadow: 3px 3px 4px -2px #dedede; border-radius:10px; position: relative; } ul.ul-flex-rec li.property-box { min-width:288px; margin-right:10px; } ul.ul-flex-rec li.property-box:last-child { margin-right:0; } #secret .property-box { width:19%; } .property-box .mainimage a { position:relative; display:block; height:200px; } /*.property-box .cover-limited {*/ .cover-limited { background:rgba(0,0,0,0.4); width:100%; height:100%; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; text-align: center; color:#fff; font-weight:bold; font-size:130%; /* display:none; */ box-sizing:border-box; letter-spacing: 2px; } #ranking li .link-todetail, .property-box .link-todetail { display: block; width:43%; background-color:#666; /*font-size:18px;*/ color:#fff!important; padding:10px; text-align:center; /* margin-top:40px; */ font-size:90%; font-weight:bold; box-sizing:border-box; } #ranking li .link-todetail2, .property-box .link-todetail2 { display:inline-block; width:45%; /*font-size:18px;*/ /*border:2px solid #333;*/ padding:10px; background-color:#dc3c3c; color:#fff; text-align:center; /* margin-top:40px; */ font-size:90%; font-weight:bold; box-sizing:border-box; } .link-tolist { display:block; width:300px; margin: 40px auto 0px; text-align:center; background-color:#39a79c; color:#fff; padding:15px 0px; /* font-size:120%; */ font-weight:bold; } #linkline { background-color:#39a79c; } #linkline ul li { width:24%; margin-right:0.5%; margin-left:0.5%; } /* #linkline ul li:last-child { margin-right:0; } */ #linkline ul li a { /* display:block; */ display:flex; flex-wrap:wrap; padding:25px 10px; background-color:#fff; } #linkline ul li a .logoimage { /* width:130px; */ width:60%; padding:0 10px 0 5px; display:flex; justify-content:center; align-items:center; margin:0 auto 20px; height:47px; align-items:center; } #linkline ul li a .link-img-title { width:100%; } #indextext { background:url("../img/index/foottxtbg.jpg") center center no-repeat; background-size:cover; position:relative; } #indextext-sp { background:url("../img/index/foottxtbg.jpg") center center no-repeat; background-size:cover; background-position: center; /* background-attachment: fixed; */ /* min-height: 100%; */ /* position: fixed; */ } /* #indextext::before { position:absolute; top:0; left:0; width:100%; content:""; height:100%; background-color:rgba(0,0,0,0.5); } */ #indextext h2, #indextext p{ position:relative; } #list_h2 { border-left:3px solid #FD864F; padding:0; margin:0 0 25px; } #list_h2 p { border-left:5px solid #3D9268; padding-left:15px; font-weight:bold; font-size:90%; text-align:left; margin-bottom:15px; } .srcterms { display:flex; flex-wrap:wrap; box-sizing:border-box; padding:30px; border:1px solid #ddd; border-radius:10px; background-color:#fff; } .srcterms .termslist1 { width:50%; display:flex; flex-wrap:wrap; box-sizing:border-box; } .srcterms .termslist1 .termslist1-1 { width:43%; display:flex; flex-wrap:wrap; } .srcterms .termslist1 .termslist1-1 .fopAB1 { width:80%; } .srcterms .termslist1 .termslist1-1 .fopAB2 { width:20%; display:flex; align-items:center; justify-content:center; } .srcterms .termslist1 .termslist1-2 { width:14%; display:flex; align-items:center; justify-content:center; font-size:150%; } .srcterms .termslist2 { width:30%; display:flex; flex-wrap:wrap; padding-left:20px; box-sizing:border-box; position:relative; } .srcterms .termslist3 { width:20%; padding-left:30px; box-sizing:border-box; } #fopsearch, #fopsearch2{ background-color:#ff6600; text-align:center; width:100%; height:100%; border:0; font-size:160%; font-weight:bold; color:#fff; cursor:pointer; border-radius: 10px; /* letter-spacing: 3px; */ } #fopsearch:hover, #fopsearch2:hover { opacity:0.7; } /***** 他ファイルのクラスをvivit用に修正 *****/ div.navi_page01 span, div.navi_page01 a:hover { background-color:#39a79c; } div#footer_inner04 { background-color:#39a79c !important; } .dispNone { display:none !important; } .property-box h3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; } .property-box .pinfo{ white-space: break-spaces; margin-bottom:0; } .property-box .ptext{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden; white-space: normal; } #ranking ul{ display:flex; flex-wrap:wrap; justify-content:space-between; } #ranking li{ position: relative; margin-bottom:20px; /* width:19.8%; */ width: 230px; box-sizing:border-box; padding:10px; border:1px solid #ccc; box-shadow: 3px 3px 4px -2px #dedede; border-radius:10px; } #ranking li .pimg span{ display: block; /* width: 50%; */ color: #fff; font-weight: bold; position: absolute; top: 10px; left: 0; padding: 10px; line-height: 1em; text-align: center; font-size: 20px; /* font-size: 80%; */ box-sizing: border-box; } .rank { background-color:#39a79c; position:absolute; top:15px; left:0; } .rank1 { background-color:#EDDE23 !important; /* background-color:rgba(237,222,36,0.8) !important; */ } .rank2 { background-color:#b7b7b7 !important; /* background-color:rgba(183,183,183,0.8) !important; */ } .rank3 { background-color:#ad875f !important; /* background-color:rgba(173,135,95,0.8) !important; */ } /* ログイン前ページ */ .main-wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .main-wrap .info-wrap { width:69.5%; padding-right:30px; box-sizing:border-box; } .main-wrap .info-wrap .ttl { border-bottom:1px solid #000; padding-bottom:10px; margin-bottom:20px; display:flex; flex-wrap:wrap; align-items:center; } .main-wrap .info-wrap .ttl div:first-child{ width:calc(100% - 150px); font-size: 20px; } .main-wrap .info-wrap .ttl div:first-child span{ display:block; visibility: inherit; color:#999; font-weight:normal; font-size:13px; } /* .main-wrap .info-wrap .ttl div:last-child{ width:150px; text-align:right; font-size:12px; font-weight:normal; background-color:#ff5252; padding:5px; color:#fff; font-size:18px; border-radius:10px; text-align:center; box-sizing:border-box; } */ .main-wrap .info-wrap .alert { background-color: #efefef; color: #666; border: 1px solid #666; margin-bottom:20px; border-radius:10px; font-size:18px; padding:10px; margin-top:10px; } .main-wrap .info-wrap .alert a{ color:inherit; font-weight:bold; text-decoration:underline; } .main-wrap .info-wrap .prof { display:flex; margin-bottom:20px; } .main-wrap .info-wrap .first-area{ position:relative; } /* .readless{ display: -webkit-box; overflow: hidden; -webkit-line-clamp:4; -webkit-box-orient: vertical; } */ /* .readless:after{ content: "続きを読む"; background-color: #ffe5e5; display: inline-block; line-height: 1em; font-size: 12px; padding: 7px; bottom: 0; right: 0; position: absolute; }*/ .main-wrap .info-wrap .prof dt{ width:120px; text-align:center; background-color:#444; color:#fff; padding:5px; box-sizing:border-box; align-items:center; } .main-wrap .info-wrap .prof dd{ width:calc(50% - 120px); box-sizing:border-box; padding:5px; } .main-wrap .info-wrap .img { margin-bottom:0px; } .main-wrap .info-wrap .img img{ object-fit:cover; width:100%; height:400px; } .main-wrap .info-wrap .img img{ width:100%; } .main-wrap .info-wrap .txt { margin-top:20px; } .main-wrap .info-wrap .detail-info { width:100%; border:1px solid #ccc; } .main-wrap .info-wrap .detail-info th{ width:130px; padding:10px; background-color:#efefef; border:1px solid #ccc; } .main-wrap .info-wrap .detail-info td{ padding:10px; border:1px solid #ccc; } .main-wrap .contact-wrap { width:29%; } .main-wrap .contact-wrap .c-box.register { background-color:#f7eebd; margin-bottom:20px; } .main-wrap .contact-wrap .c-box .ttl { text-align:center; padding:10px; background-color:#444; color:#fff; font-weight:bold; } .main-wrap .contact-wrap .c-box .txt { padding:10px; } .main-wrap .contact-wrap .c-box .btn a, .main-wrap .contact-wrap .c-box .btn .ip-button{ margin-top:10px; background-color:rgb(255, 133, 25); color:#fff; border-radius:10px; padding:10px; font-size:20px; display:block; text-align:center; /* input のための対策 */ border:0; box-sizing:border-box; width:100%; font-family: 'Noto Sans JP', sans-serif; } .main-wrap .contact-wrap .c-box.line .btn a{ background-color:#00b900; } .main-wrap .contact-wrap .c-box.login { background-color:#a5e4e3; margin-bottom:20px; } .main-wrap .contact-wrap .c-box.line { background-color:#efefef; margin-bottom:20px; } .main-wrap .contact-wrap .c-box .form { margin-top:10px; } .main-wrap .contact-wrap .c-box .form input[type="text"], .main-wrap .contact-wrap .c-box .form input[type="password"] { box-sizing:border-box; padding: 0; border:1px solid #ccc; border-radius: 10px; padding:10px; display:block; outline: none; background: #fff; width:100%; margin-top:10px; } .share-area{ max-width:800px; padding-bottom:40px; margin:0 auto; } .sns-ttl{ text-align:center; margin-bottom:20px; font-weight:bold; font-size: 15px; padding-left: 10px; letter-spacing: 0px; } .share-area .share{ text-align:center; } .share-area .item{ display:inline-block; } .sns-bdr{ border-bottom:1px solid #ccc; padding-bottom:20px; } .main-wrap .swiper-container { width: 100% !important; height: 100% !important; overflow: visible !important; z-index: 1 !important; } .main-wrap .swiper-container .swiper-slide { border-radius: 10px; overflow: hidden; position: relative; } .slide-wrap{ overflow:hidden; } .slide-lower{ position: relative; margin: 0 auto; max-width: 85%; } .overray{ position:relative; } /* .overray img{ -ms-filter: blur(6px); filter: blur(6px); }*/ .overray img{ transition: all 3s ease-out; -ms-filter: blur(6px); filter: blur(6px); } .overray:before{ z-index:2; font-size:18px; position:absolute; left:0; top:0; width:100%; content:"会員限定情報"; line-height:400px; color:#fff; text-align:center; } .overray:after{ background-color:rgba(0,0,0,0.4); height:100%; position:absolute; left:0; top:0; width:100%; content:""; } @media screen and (max-width:769px){ .overray:before{ line-height:260px; } /* .slide-lower{ height: 250px; } */ } /* 別バージョン */ .slide-lower{ max-width: 100%; } .slide-wrap { padding:10px; background-color:#a9a9a9; position:relative; } .main-wrap .swiper-container .swiper-slide { border-radius: 0px; } .main-wrap .contact-wrap .c-box { border: 1px solid #ccc; padding: 10px; } .main-wrap .contact-wrap .c-box.register { background-color: #fff; margin-bottom: 20px; } .main-wrap .contact-wrap .c-box.line { background-color: #fff; margin-bottom: 20px; } .main-wrap .contact-wrap .c-box.login { background-color: #fff; margin-bottom: 20px; } .main-wrap .info-wrap .txt { font-size: 18px; } .area-txt{ margin-top: 40px; padding: 20px; background-color: #e4eee9; color: #2c6b40; line-height: 1.8em; } .tab{ display:flex; justify-content:space-between; max-width:900px; margin:40px auto 0; } .tab .item{ width:32%; box-sizing:border-box; } .tab .item a{ display:block; padding:10px; border-radius:20px; border:1px solid #ccc; transition: all .5s ease-out; } .tab .item img{ width:100%; } .tab .item a:hover{ /*opacity:0.5;*/ background-color:#B6DAC7; } .link-list{ background-color: rgba(181, 216, 217, 0.4); } .link-list .content-wrap{ display:flex; max-width: 1000px; margin: 0 auto; flex-wrap:wrap; } .link-list .item{ width:33.3333%; padding:20px; box-sizing:border-box; font-size: 16px; letter-spacing: 1.7px; } .link-list .item a{ line-height:1.5em; text-decoration:underline; } .top-login{ border:1px solid #ccc; padding:10px; } .top-login .ttl{ background-color: #fff; color:#333; font-weight: bold; text-align: center; padding:10px; font-size:16px; } .top-login .btn-login a{ display: block; padding: 15px; background-color: #dc3c3c; color: #fff; font-size:16px; text-align:center; border-radius:10px; margin-top:10px; } .top-login .btn-login a i{ margin-right:10px; font-size:20px; } .top-login .btn-login.list a{ background-color: #fd9e0f; } .top-login .btn-login a:hover{ opacity: 0.8; } #mainvisual.list-visual #imagebox #slide-wrap { position: relative; margin: 0 auto; max-width: 50%; } #mainvisual.list-visual #visual-slide .swiper-slide { /* height: 565px; */ height: 400px; border-radius: 10px; overflow: hidden; position: relative; } .bottom-cta{ position: fixed; z-index: 99; left: 0; bottom: 0; } .blinks { text-align:center; font-size:120%; } .blinks a { color:#5266CC; } .blinks a:hover { font-weight:bold; text-decoration:underline; } .notnow { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; box-sizing:border-box; background-color:rgba(0,0,0,0.5); color:#FFF; font-weight:bold; font-size:150%; text-align:center; z-index:9; } .ttl-secret{ border-bottom: 1px solid #ccc; padding: 10px; text-align: center; font-size: 15px; margin-bottom: 10px; } .ttl-secret b{ color: red; } .secret-wrap.property-box .ptext { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5 !important; overflow: hidden; white-space: normal; margin-bottom: 8px; } .secret-list{ margin: 0 auto; } .secret-list .main-ttl{ background:url(https://www.officetar.jp/furnished/img/secret-bg.jpg) center center no-repeat; background-size:cover; color: #fff; font-size: 48px; font-weight: bold; text-align: center; padding-top: 60px; padding-bottom: 60px; } .secret-list .main-ttl b{ font-size: 28px; display: block; } .secret-list .alert{ font-weight: bold; color: #C21111; background-color: #F8C2C2; margin-top: 20px; border-radius: 10px; padding: 20px; font-size: 15px; text-align: center; } /* .secret-list .items{} */ .secret-list .items .item{ padding: 15px; border: 1px solid #ccc; margin-top: 20px; } .secret-list .items .item .ttl{ font-size: 20px; } .secret-list .items .item .ttl span{ display: inline-block; visibility: inherit; } .secret-list .items .item .ttl .txt{ margin-right: 10px; } .red{ color: red; } .secret-list .items .item .ttl .new-icon{ display: inline-block; visibility: inherit; background-color: #E15656; color: #fff; padding: 5px; font-weight: normal; font-size: 13px; } .secret-list .items .item .info{ display: flex; } .secret-list .items .item .comment{ width: calc(80% - 15px); box-sizing: border-box; background-color: #efefef; padding: 10px; margin-top: 10px; margin-right: 15px; } .secret-list .items .item .btn-area{ width: 20%; text-align: center; } .secret-list .items .item .btn-area .b-number{ font-size: 13px; } .secret-list .items .item .btn-area a{ display: inline-block; background-color: #F8A926; padding: 15px; width: 100%; font-weight: bold; box-sizing: border-box; border-radius: 10px; color: #fff; margin-top: 10px; } /* ishiya added responsive */ @media screen and (max-width: 769px){ .secret-list { padding: 0 15px; box-sizing: border-box; } .secret-list .main-ttl { font-size: 25px; } .secret-list .main-ttl b{ font-size: 18px; } .secret-list .alert { padding: 12px; font-size: 13px; text-align: left; } .secret-list .items .item .ttl { font-size: 16px; } .secret-list .items .item .ttl b { font-size: 12px; } .secret-list .items .item .comment { width: 100%; margin-right: 0px; } .secret-list .items .item .info { display: flex; flex-wrap: wrap; } .secret-list .items .item .btn-area { width: 100%; text-align: center; } } /* 20211020 korenaga */ nav#indexnav { background-color:#7EC6BF; } #indexnav ul.inav { max-width:1250px; border:0; /* border-left:1px solid #39A79C; */ } #indexnav ul.inav li.navlist, #indexnav ul.inav li.navlink { width:20%; position:relative; border:0; border-right:1px solid #39A79C; transition:all .3s; } #indexnav ul.inav li.navlist:first-child { border-left:1px solid #39A79C; } #indexnav ul.inav li.navlist::before { font-family: "Font Awesome 5 Free"; content: "\f0d7"; font-weight:900; position:absolute; top:15px; right:15px; color:#fff; } #indexnav ul.inav li.navlist .tolist, #indexnav ul.inav li.navlink .tolist { cursor:pointer; width:100%; padding:15px 0; display:flex; justify-content:center; align-items:center; color:#fff; margin:0; text-align:center; } #indexnav ul.inav li.navlink a { padding:0; } #indexnav ul.inav li.navlist .downmenu { display:none; position:absolute; top:100%; left:0px; box-sizing:border-box; width:100%; border-left:2px solid #39A79C; border-right:2px solid #39A79C; border-bottom:2px solid #39A79C; border-radius:0 0 10px 10px; background-color:#fff; } #indexnav ul.inav li.navlist .downmenu ul.dmlist { width:100%; display:flex; flex-wrap:wrap; padding:10px 0; border:0; box-sizing:border-box; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.textlink { width:100%; border:0; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.textlink a { display:block; box-sizing:border-box; width:100%; padding:10px 20px; color:#74673B; font-size:90%; text-align:left; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.textlink a.taCenter { text-align:center; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.textlink a hr { border-top:1px solid #74673B; border-bottom:0; margin-bottom:8px; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink { width:50%; box-sizing:border-box; border:0; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink a { display:block; padding:10px; box-sizing:border-box; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .navicons { width:75px; height:75px; border-radius:8px; background-color:#74673B; display:flex; justify-content:center; align-items:center; box-sizing:border-box; /* width:100%; */ padding:10px; margin:0 auto; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .navicons img, #indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .blogimgs img { width:100%; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .blogimgs { display:inline-block; width:100%; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .blogtext { line-height:1.3em; color:#74673B; display:inline-block; margin-top:10px; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .blogtext.taLeft { text-align:left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: normal; font-size:90%; } #indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .blogtime { display:block; font-size:75%; text-align:left; color:#74673B; } #headnav_f .headowbtn, #headnav_f .headoutbtn { width:250px; padding:7px; } @media screen and (max-width:1100px){ #headnav_f .headowbtn, #headnav_f .headoutbtn { width:auto !important; } } @media screen and (max-width:980px){ #headnav_f .header-icon3 .iconname { display:none; } } @media screen and (max-width:768px){ #indexnav ul { flex-wrap:nowrap; } #indexnav ul.inav li.navlink .tolist { padding:5px 0px 15px; line-height:1.2em; } #indexnav ul.inav li.navlink .tolist::before { font-family: "Font Awesome 5 Free"; content: "\f0d7"; font-weight: 900; position: absolute; top: auto; bottom:7px; right: 48%; color: #fff; line-height:0; font-size:130%; } } #navbg { display:none; background-color:rgba(57,167,156,0.5); position:fixed; top:0; left:0; width:100vw; height:100vh; box-sizing:border-box; z-index:98; } /* 20211021 korenaga ここまで */ .slide-recommend { position: relative; min-height:400px; background-color: #20726a; padding: 20px 0; } /* .slide-recommend .bg-img{ position: absolute; width: 100%; left: 0; top: 0; }*/ .slide-recommend .bg-img img{ width: 100%; } .slide-recommend .recommend-ttl { font-weight: bold; font-size: 20px; color: #fff; padding: 40px 0 40px; text-align: center; } .slide-recommend .item-box { display: flex; justify-content: space-around; padding: 0 46px; } .slide-recommend .item-box .item { width: 25%; } .slide-recommend .item-box .item .img { height: 100px; margin-bottom: 10px; } .slide-recommend .item-box .item .img img{ width: 100%; height: 100%!important; object-fit: cover; } .slide-recommend .item-box .item .info { color: #fff; position:static; } .slide-recommend .item-box .item .info .ttl { color: #fff; font-size: 15px; margin-bottom: 0; padding-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .slide-recommend .item-box .item .info .main-ttl{ color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 0; padding-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contents01 ul.faqlist { width:90%; max-width:700px; margin:0 auto 50px; } .contents01 ul.faqlist p.faqtext { padding:0; width:100%; border:2px solid #34AA99; border-radius:8px; } .contents01 ul.faqlist p.faqtext a.faqtxtlink { display: block; padding: 5px 0 10px; overflow: hidden; } .contents01 ul.faqlist p.faqtext a.faqtxtlink span.q-mark { background-color:#34AA99; padding:15px; font-size:150%; color:#fff; text-align:center; width:60px; } .contents01 ul.faqlist p.faqtext a.faqtxtlink span.q-txt { padding:10px; font-size:125%; } .contents01 ul.faqlist li.faqlist, .contents01 ul.faqlist li.faqlist-off { border-radius:8px; margin-bottom:40px; } .contents01 ul.faqlist li.faqlist { border:2px solid #34AA99; } .contents01 ul.faqlist li.faqlist-off { border:2px solid #aaa; } .contents01 ul.faqlist .faq-question, .contents01 ul.faqlist .faq-question-off { cursor:pointer; color:#fff; position:relative; margin-bottom:0; padding:15px; transition:all 0.3s; } .contents01 ul.faqlist .faq-question{ background-color:#34AA99; } .contents01 ul.faqlist .faq-question-off { background-color:#aaa; } .contents01 ul.faqlist .faq-question::before, .contents01 ul.faqlist .faq-question-off::before { font-weight: 900; position: absolute; top: 15px; right: 20px; color: #fff; font-size:130%; } .contents01 ul.faqlist .faq-question::before{ font-family: "Font Awesome 5 Free"; content: "\f068"; } .contents01 ul.faqlist .faq-question-off::before { font-family: "Font Awesome 5 Free"; content: "\f067"; } .contents01 ul.faqlist .faq-question:hover, .contents01 ul.faqlist .faq-question-off:hover { opacity:0.7; } .contents01 ul.faqlist .faq-question span.q-mark, .contents01 ul.faqlist .faq-question-off span.q-mark { padding:15px; font-size:175%; line-height:0.1; } .contents01 ul.faqlist .faq-question span.q-txt, .contents01 ul.faqlist .faq-question-off span.q-txt { font-size:125%; padding:15px 0; } .contents01 ul.faqlist .faq-answer { padding:20px; margin-bottom:0; display:none; } p.faqlink { width:70%; max-width:280px; margin:20px auto 60px; } p.faqlink a.faqlinkmore { display:block; width:100%; background-color:#34AA99; color:#fff; font-weight:bold; text-align:center; padding:15px; box-sizing:border-box; } #tag a{ display: inline-block; padding: 10px; background-color: #efefef; color: #333; border: 1px solid #ccc; margin-right: 5px; text-align: center; font-size: 16px; border-radius: 10px; font-weight: bold; margin-bottom: 5px; } #tag a p{ margin: 0; } @media screen and (max-width: 769px){ .slide-recommend { min-height:180px; padding: 10px 0; } .slide-recommend .item-box { padding: 0 0px; } .slide-recommend .item-box .item .img { height: 64px; } .slide-recommend .item-box .item .info .ttl { color: #fff; font-size: 10px; } .slide-recommend .recommend-ttl { padding: 10px 0; font-size: 16px; } .slide-recommend .item-box .item .info .ttl { margin-top: 0; } .slide-recommend .item-box .item .info .main-ttl { color: #fff; font-size: 13px; } .contents01 ul.faqlist p.faqtext a.faqtxtlink span.q-txt { font-size:100%; } .contents01 ul.faqlist .faq-question::before, .contents01 ul.faqlist .faq-question-off::before { right:10px; } .contents01 ul.faqlist .faq-question span.q-mark, .contents01 ul.faqlist .faq-question-off span.q-mark { padding-left:0; padding-right:10px; font-size:140%; } .contents01 ul.faqlist .faq-question span.q-txt, .contents01 ul.faqlist .faq-question-off span.q-txt { font-size:100%; padding-right:10px; } } /* 20221024 korenaga 契約実績・グラフ */ .constdata { /* width:500px; */ width:600px; background:url(../img/const_arrow.png) top 10px right 10px no-repeat; margin:0 auto; } .constdata p { color:#39A79C; margin-bottom:5px; } .constdata p.constttl { font-weight:bold; font-size:140%; } .constdata p.constnums { font-size:550%; position:relative; font-weight:600; line-height:1; text-align:center; } .constdata p.constnums span.righttxt { position:absolute; right:5px; top:0; color:#fa3; font-weight:bold; font-size:30%; text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff; } .constdata p.constnums .fsize-s { font-size:45%; } .constdata p.constdate { font-size:90%; color:#000; text-align:right; } ul.count-list li.item .graphttl { position:absolute; top:0; left:15px; font-size:150%; font-weight:bold; } ul.count-list li.item .graphttl .ttlsmall { display:block; font-size:50%; } ul.count-list li.item .graphblock { height:200px; display:flex; flex-wrap:wrap; justify-content:center; align-items:end; border-bottom:1px solid #333; } ul.count-list li.item .graphbox { width:24%; height:100%; display:flex; flex-wrap:wrap; align-items:end; position:relative; } ul.count-list li.item .graphbox span { font-family:'Akshar', sans-serif; } ul.count-list li.item .graphbox .graphnum { width:100%; display:flex; align-items:end; justify-content:center; font-weight:bold; line-height:1.1; } ul.count-list li.item .graphbox .graphnums { font-size:170%; } ul.count-list li.item .graphbox .graphnumb { font-size:220%; color:#fa3; } ul.count-list li.item .graphbox .graphnum small.s70 { font-size:70%; } ul.count-list li.item .graphbox .graphnum small.s50 { font-size:50%; } ul.count-list li.item .graphbox .graph { width:50px; margin:0 auto; } ul.count-list li.item .graphbox .graph1 { background-color:#349B91; } ul.count-list li.item .graphbox .graph2 { background-color:#61B9B0; } ul.count-list li.item .graphbox .graph3 { background-color:#88CAC4; } ul.count-list li.item .graphbox .graph4 { background-color:#B0DCD7; } ul.count-list li.item .graphbox .years { position:absolute; bottom:-30px; width:100%; text-align:center; font-size: 120%; } @media screen and (max-width: 769px){ .constdata { width:350px; } .constdata p.constnums { /* font-size:400%; */ font-size:370%; text-align:center; } .constdata p.constnums span.righttxt { right:15px; } ul.count-list li.item { margin-bottom:50px; } .graphnumb { font-size:200%; color:#fa3; } } /* 20221026 korenaga */ header a.headcmpbtn { height:60px; width:280px; background:url(../img/bnr_campaign_img_20221026.jpg) center center no-repeat; background-size:cover; font-size:155%; color:#fff !important; display:none !important; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; } header a.headcmpbtn::after, .campaignthrow::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5; } .campaignthrow .mark { position:absolute; top:5px; left:5px; z-index:2; width:70px; height:70px; border-radius:50%; background-color:#FFF; text-align:center; font-size:130%; line-height:1.2; display:flex; justify-content:center; align-items:center; } .campaignthrow .info { z-index:2; } .campaignthrow .info .fonts { font-size:80%; font-weight:normal; } .campaignthrow .info .bgcmp { background-color:#c00; } .campaignthrow .bnrnew { background-color:#39A79C !important; } .ttlink { font-size:80%; visibility: visible; } /* 20221121 korenaga */ .tag-box, .tag-box-sp { border: 1px solid #ccc; margin: 20px auto 50px; padding: 20px; position: absolute; display:none; box-sizing: border-box; } .tag-box h4, .tag-box-sp h4 { font-size:125%; margin-bottom:10px; } .tag-box ul, .tag-box-sp ul { overflow-y: auto; height: 250px; display: flex; flex-wrap: wrap; } .tag-box ul li, .tag-box-sp ul li { margin-right:10px; margin-bottom:10px; } .tag-box ul li a, .tag-box-sp ul li a { background-color: #eee; padding: 8px; line-height: 1.2; display: inline-block; transition:background 0.3s,color 0.3s; } .tag-box ul li a:hover, .tag-box-sp ul li a:hover { background-color:#52B1A9; color:#fff; } .tag-box-sp { display:none; } .favoFOP { text-align: right; margin: 10px 0; } .detailFav{ width: 30px; } .favoriteListNot { margin: 80px 0; } ul#favoriteAction { width: 650px; padding: 0px; margin: 15px auto; /*border: 5px solid #ccffff;*/ } #favoriteAction li { list-style: none; } #favoriteAction .btnBox { width: 180px; height: 40px; float: left; padding: 15px 5px 15px 10px; } #favoriteAction .btnBox a { display: block; } #favoriteAction .btnBox input { width: 180px; height: 40px; border: 0; cursor: pointer; text-indent: -9999px; } #favoriteAction .submitBox { width: 300px; height: 60px; /*float: left;*/ padding: 5px 5px 5px 10px; } #favoriteAction .submitBox input { width: 240px; height: 60px; border: 0; cursor: pointer; text-indent: -9999px; } #favoriteAction .submitBox .favorFOPInquiry { background: url(../../img/favorite/inquiry.gif) top left no-repeat; } #favoriteAction .submitBox .favorDelete { background: url(../../img/favorite/delete.gif) top left no-repeat; } #favoriteAction .txtBox { font-size: 14px; padding: 25px 5px 25px 5px; float: left; } #favoriteAction .lineBox { padding: 5px; float: left; } ul#favoriteAction+div#container-list input.fvid { transform: scale(1.5); margin-bottom: 10px; } @media screen and (max-width: 769px){ .tag-box { display:none; } .tag-box-sp { position: relative; /* display:block; */ width:95%; } } /* 20221212 korenaga */ .bnr-mxp900 { width:100%; max-width:900px; margin:20px auto; } /* 20230201 korenaga */ .movinfo { width:100%; height:100%; position:absolute; top:0; left:0; } #indexmovbox, .indexmovbox { width:100%; max-width:750px; height:420px; margin:0 auto; padding:0 10px; box-sizing:border-box; } @media screen and (max-width: 769px){ #indexmovbox, .indexmovbox { height:250px; } } .new-favo-box{ border: 1px solid #ccc; width: 100%; box-sizing: border-box; box-shadow: 3px 3px 4px -2px #dedede; border-radius: 10px; position: relative; display: flex; padding:0; } .property-box.new-favo-box .input-wrap { padding: 18px; background-color: #ceeae2; border-radius: 10px 0 0 10px; display: flex; } .property-box.new-favo-box .right-wrap { flex: 1; padding: 25px; } .in-right-wrap { display: flex; justify-content: space-between; align-items: center; } .in-right-wrap .mainimage { width: 43%; } .in-right-text { width: 50%; } .property-box.new-favo-box .mainimage a { position: relative; display: block; height: 280px; } .property-box.new-favo-box .right-wrap .btn-box { display:block; padding-top: 20px; border-top: 1px solid #727272; margin-top: 20px; text-align: center; } .property-box.new-favo-box .right-wrap .btn-box a{ max-width: 300px; display: inline-block; } p.ptext.fontNoto+a { display: block; text-align: right; font-weight: bold; color: #3aa79c; } .favo-top-wrap { display: flex; justify-content: space-between; align-items: center; } .favo-top-wrap p span { font-size: 22px; } .favo-top-wrap p { font-size: 16px; } .sort-wrap select { padding: 5px 10px; width: 180px; border-radius: 5px; position: relative; line-height: 1.4; } .sort-wrap:before { content: ""; display: block; position: absolute; right: 5px; top: 15px; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #7dc6bf transparent transparent transparent; border-width: 7px 5px 0 5px; z-index: 10; } .favo-top-wrap p { font-size: 16px; margin-bottom: 0; } .sort-wrap { position: relative; } section#properties\ onlyfavo #favoriteAction .submitBox .favorFOPInquiry { background-image: none; background-color: #ffa326; border-radius: 40px; color: #fff; font-weight: bold; height: 55px; border: 5px solid #fff; box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 34%); text-indent: 1px; } section#properties\ onlyfavo ul#favoriteAction { width: auto; } section#properties\ onlyfavo #favoriteAction .submitBox { display: flex; width: 300px; height: auto; padding: 20px; justify-content: center; align-items: center; position: relative; } .cmpmark { width:120px; height:120px; border-radius:50%; background:rgba(0,112,192,0.6); display:flex; justify-content: center; align-items:center; color:#fc0; font-weight:bold; text-align:center; position:absolute; top:10px; right:10px; line-height:1.4; } .cmpmark-sqa { padding:5px 10px 8px; margin-left:10px; background:rgba(0,112,192,1); /* display:flex; justify-content: center; align-items:center; */ color:#fc0; font-size:90%; font-weight:bold; text-align:center; /* position:absolute; top:10px; right:10px; */ margin-bottom:15px; } .cmpbanner2023-1 { display:block; width:100%; max-width:1110px; /* height:120px; */ margin:50px auto 0; /* background:url(../img/bnr_wework1110x120.jpg) center center no-repeat; background-size:cover; */ } .cmpbanner2023-1 img { width:100%; max-width:1110px; } @media screen and (max-width: 769px){ .cmpmark { width:90px; height:90px; font-size:85%; } .cmpmark-sqa { font-size: 80%; margin-bottom: 5px; } .cmpbanner2023-1 { width:90%; max-width:500px; margin:30px auto 0; /* background:url(../img/bnr_wework500x120.jpg) center center no-repeat; */ } .cmpbanner2023-1 img { width:100%; max-width:500px; } } /* 点滅 0.7s */ .blinking{ -webkit-animation:blink 0.7s ease-in-out infinite alternate; -moz-animation:blink 0.7s ease-in-out infinite alternate; animation:blink 0.7s ease-in-out infinite alternate; } @-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } .post_content p>a{ color: #7ec6bf!important; } /* 20240624 korenaga */ li.property-box div.inposi { position:relative; } li.property-box div.inposi a.abslink { width:100%; height:100%; position:absolute; top:0; left:0; transition:0.4s; z-index:2; } li.property-box div.inposi a.abslink:hover { background-color:#fff; opacity:0.3; } li.property-box div.inposi .mainimage .inimage { background-size:cover !important; height:200px; position:relative; } li.property-box div.inposi .favoFOP { position:absolute; right:0; width:36px; z-index:3; } /* .property-box .link-todetail2 { width:100%; } */