@charset "UTF-8";
/*! レスポンシブ */
.cl, .wrap {
  display: inline-block;
  min-height: 1%;
  display: block;
  *zoom: 1;
}
.cl:after, .wrap:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
* html .cl, * html .wrap {
  height: 1%;
}

/*----------------------------------
content
----------------------------------*/
#content, #main .wrap, #news, #art-reco, .recommend, #content + .wrap {
  padding: 0 20px;
  box-sizing: border-box;
}
#index #content + .wrap {
  padding: 0;
}

.wrap {
  position: relative;
  width: 100%;
  max-width: 1280px;
  min-width: 940px;
  margin: 0 auto;
}

#main {
  width: 74.4%;
}

#main.w760 {
  width: 77.6%;
}

#side {
  width: 24.4%;
}

#side.w200 {
  width: 20.4%;
}

#pan-nav {
  padding: 7px 20px;
}

.link-panel01, .link-panel03 {
  width: 48.6956%;
}

.link-panel01 dd {
  width: 100%;
}

.link-panel02 > dl > dd {
  width: 48.6646%;
}

.link-panel03 > dl > dd {
  width: 100%;
}

.link-panel01 dd a {
  padding-left: 40%;
}

.link-panel02 dd dl {
  padding-left: 41%;
}

.link-panel02 dt + dd dl {
  padding-left: 39%;
}

.link-panel03 dd dl {
  padding-left: 30%;
}

.link-panel03 a {
  padding-left: 15%;
}

.ico-new-construct a {
  background-position: 10% 50%;
}

.ico-old-construct a {
  background-position: 10% 50%;
}

.ico-laxage a {
  background-position: 10% 50%;
}

.ico-reworth a {
  background-position: 10% 50%;
}

.ico-harvest a {
  background-position: 12% 50%;
}

.ico-pvc a {
  background-position: 8% 50%;
}

.ico-hotel a {
  background-position: 10% 50%;
}

.panel-list02 li {
  width: 32%;
  margin-left: 2%;
}

.panel-list03 {
  width: 101%;
  margin-left: -1%;
}

.panel-list03 dl, .panel-list03 li {
  width: 24%;
  margin: 20px 0px 0px 1%;
}

.panel-list03 dt a {
  padding-top: 58%;
}

.panel-list03 .pnl-corp,
.panel-list03 .pnl-system,
.panel-list03 .pnl-country,
.panel-list03 .pnl-resort {
  background-size: cover;
}

.panel-list03 .pnl-4up li {
  width: 24%;
  margin-top: 30px;
}

.panel-list03 .pnl-5up li {
  width: 19%;
  margin-top: 30px;
}

.panel-list03 .pnl-6up li {
  height: auto;
  margin-left: 1%;
  margin-top: 1%;
  width: 32.3%;
}

.pnl-2up dl {
  width: 49%;
  display: inline-block;
  border: 2px solid #fff;
  box-sizing: border-box;
}

.pnl-2up dt {
  border:none;
  text-align:left;
  padding:20px 8px 0 200px;
}
.pnl-2up dd {
  text-align:left;
  padding:0 8px 22px 200px;
  margin-top:8px;
}
.pnl-2up dl a {
  display:block;
  padding:0;
  text-decoration: none;
  color: #212121;
}
.pnl-2up dl a:hover {
  background: rgba(255, 255, 255, 0.3);
}

.pnl-2up .pnl-system {
  background: url(/common/img/index/service02_2up.jpg) no-repeat;
  background-size: cover;
}
.pnl-2up .pnl-resort {
  background: url(/common/img/index/service04_2up.jpg) no-repeat;
  background-size: cover;
}

.panel-list03 li img {
  width: 100%;
  height: auto;
}

.news-list dt {
  max-width: 140px;
}

.panel-list04 {
  width: 102%;
  margin: -20px 0px 0px -2%;
  letter-spacing: -0.4em;
}

.panel-list04 > div {
  width: 23%;
  margin: 20px 0px 0px 2%;
}

.news-list.in-news02 {
  height: 260px;
}

/*----------------------------------
slider
----------------------------------*/
.slider-wrap {
  width: 89%;
}
.slider-wrap li {
  float: left;
  width: 32%;
  /*margin-left: 2%;*/
}
.slider-wrap li img {
  width: 100%;
  height: auto;
}
.slider-wrap li:first-child {
  margin-left: 0;
}

.slider p {
  width: 4%;
}
.slider p img {
  width: 100%;
  height: auto;
}

/*----------------------------------
side
----------------------------------*/
#side .guide img {
  width: 100%;
  height: auto;
}

#side .bd-btn img {
  width: 100%;
  height: auto;
}

/*----------------------------------
area
----------------------------------*/
.panel-list06 li {
  width: 31.3%;
  margin-left: 3%;
}
.panel-list06 li a {
  width: 31.3%;
}

.panel-list07 li {
  width: 31.3%;
  margin-left: 3%;
}

.area-art01 .area-art-detail .art-text,
.area-art02 .area-art-detail .art-text {
  width: 45%;
}

.panel-list09 {
  width: 104%;
  /*1082*/
  margin: -30px 0 0 -4%;
}

.panel-list09 .sell-lots-wrap {
  width: 29%;
  margin-left: 4%;
}

.panel-list09 dt {
  width: 49.6%;
}

.panel-list09 dd {
  width: 46.4285%;
}
.panel-list09 dd img {
  width: 100%;
  height: auto;
}

#area-contact > div {
  width: 49%;
}

.btn-list03 li {
  width: 23.05%;
  margin-left: 2.6%;
}

#trp-column #content + .wrap {
  padding: 0 20px;
  box-sizing: border-box;
}

#trp-column #area-resort-list {
  padding: 0;
}

@media only screen and (min-width: 1270px) {
  .btn-list03 li {
    width: 100%;
    margin-left: 0;
  }

  #trp-column .wrap {
    max-width: 1230px;
  }
  #trp-column #main {
    width: calc(77.6% - 218px);
    margin-left: 10px;
  }
  #trp-column #side {
    width: calc(20.5% - 10px);
  }
  #trp-column #main.w760 {
    width: calc(77.6% - 195px);
    margin-left: 20px;
  }
  #trp-column #side.w200 {
    width: calc(17.9% - 20px);
  }

  #trp-column.area #content {
    padding: 0;
  }

  #trp-column.area #content + .wrap {
    max-width: 1230px;
    padding: 0;
  }

  #trp-column.list #content {
    padding: 0;
  }

  #trp-column.list #content + .wrap {
    max-width: 1230px;
    padding: 0;
  }
}
/*----------------------------------
buy
----------------------------------*/
.panel-list11 {
  width: 101%;
  margin-left: -1%;
}
.panel-list11 li {
  width: 24%;
  margin-left: 1%;
}
.panel-list11 li a {
  width: 24%;
}

/*----------------------------------
comparison
----------------------------------*/
#comp-list-head {
  width: 104px;
}

#comp-detail td {
  width: auto;
}

#comp-detail-wrap {
  width: 100%;
}

/*----------------------------------
list
----------------------------------*/
#area-contact.find-art > div {
  width: 100%;
  box-sizing: border-box;
}

.box-find .block {
  width: 48%;
  margin-left: 2%;
}

.box-find {
  margin-left: -2%;
}

/*----------------------------------
price
----------------------------------*/
.tab-list ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.tab-list li {
  float: none;
  display: table-cell;
  border-left: 2px solid #fff;
  text-align: center;
}
.tab-list .house span {
  padding-left: 84px;
  background: url(/common/img/ico-tab01.png) 12px 50% no-repeat;
}
.tab-list .mansion span {
  padding-left: 84px;
  background: url(/common/img/ico-tab02.png) 12px 50% no-repeat;
}
.tab-list .villa span {
  padding-left: 84px;
  background: url(/common/img/ico-tab03.png) 12px 50% no-repeat;
}

.tab-list li:first-child {
  border-left: none;
}

.panel-list05 li {
  width: 32.5%;
  margin-left: 1.2%;
}

/*--#price-btm {
  li {
    display: table;
    width: 32.5%;
    margin-left: 1.2%;
    a {
      width: 100%;
    }
  }
  li:first-child {
    margin-left: 0;
  }
}--*/
#price-btm li {
  display: table;
  width: 49%;
  margin-left: 2%;
}
#price-btm li a {
  width: 100%;
  background: #fff;
}
#price-btm li:first-child {
  margin-left: 0;
}
#price-btm .btn02 a:hover {
  background: #EBEFE1;
}

/*----------------------------------
sell
----------------------------------*/
.read-ribbon {
  background-size: 100% 100%;
}

.box-check {
  margin: 0 0 0 -2.5%;
}

.box-check .block {
  float: left;
  width: 47.5%;
  margin: 2.3% 0 0 2.5%;
  background-color: #FFF;
  padding: 15px;
  box-sizing: border-box;
}

.sec-sell .box-point {
  margin-left: 0;
}
.sec-sell .box-point .box-img {
  text-align: center;
}

.sec-sell .box-point div:last-child .box-img span {
  text-align: left;
}

.sec-sell .box-point .block {
  width: 31.6%;
  margin-left: 2.5%;
}

.sec-sell .box-point .block:first-child {
  margin-left: 0;
}

.sec-rate_search img {
  width: 100%;
  height: auto;
}

.sec-sell_flow h4 {
  left: 0;
  margin: 0 -30px;
  background: #518a2f;
}

.cnt-wrap02 .box-read .float-r img {
  width: auto;
}

.sec-sell_flow .fig-flow img {
  width: 100%;
  height: auto;
}

.sec-officemap {
  text-align: center;
}

/*--
.sec-btmlink {
  li {
    display: table;
    width: 32.5%;
    margin-left: 1.2%;
    a {
      width: 100%;
    }
  }
  li:first-child {
    margin-left: 0;
  }
}

--*/
.sec-btmlink {
  text-align: center;
}
.sec-btmlink li:first-child {
  margin: 0 1% 0 4%;
}
.sec-btmlink li {
  display: table;
  width: 45%;
  margin: 0 4% 0 1%;
}
.sec-btmlink li a {
  width: 100%;
  background: #fff;
}
.sec-btmlink li + li {
  float: right;
}

/*----------------------------------
detail
----------------------------------*/
.gallery-main .float-l, .gallery-main .float-r {
  width: 48.5%;
}
.gallery-main .float-l a, .gallery-main .float-r a {
  display: block;
}
.gallery-main .float-l p, .gallery-main .float-r p {
  display: block;
}

.gallery-list {
  margin-left: -2.17%;
}

.gallery-list li {
  width: 17.83%;
  margin-left: 2.17%;
}

.sec-detail .tb-data th {
  width: 26%;
}

.cnt-wrap02 .float-l {
  width: 78.4%;
}
.cnt-wrap02 .float-r {
  width: 18%;
}
.cnt-wrap02 .float-r img {
  width: 100%;
  height: auto;
}

#main img.bnr-secure {
  width:auto;
}

.box-eigyousyo .float-l {
  width: auto;
}

/*----------------------------------
side
----------------------------------*/
#side .side-history .float-l {
  width: 38.565%;
}
#side .side-history .float-r {
  width: 58.2%;
}
#side .side-history .float-r img {
  width: 100%;
  height: auto;
}
#side .side-history .float-l p:last-child {
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 1;
}
#side .side-history .side-contact img {
  width: 100%;
  height: auto;
}
#side .other-side img {
  width: 100%;
  height: auto;
}
#side .btn-list02 li {
  display: table;
  width: 100%;
}
#side .btn-list02 li a {
  width: 100%;
}
#side .btn-list02 li img {
  width: 100%;
  height: auto;
}
#side .side-loan img {
  width: 100%;
  height: auto;
}

.sec-title .kanri {
  padding-left: 20px;
}

#map + div img {
  width: 100%;
  height: auto;
}

.tb-property {
  width: 100%;
}