@charset "utf-8";

/** ***************************************************************************
 * レイアウト
 * ************************************************************************* */

#main {
  padding-bottom: 60px;
  font-size: calc(25em / 20);
}

#main * {
  max-width: 100%;
}

#main div.body {
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:48em) {

  #main {
    padding-bottom: 150px;
    font-size: calc(15em / 20);
  }

}

/** ***************************************************************************
 * セクショニング
 */

#main .section ~ .section {
  margin-top: 50px;
}

#main .column ~ .column {
  margin-top: 30px;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:48em) {

  #main .section ~ .section {
    margin-top: 100px;
  }

  #main .column ~ .column {
    margin-top: 40px;
  }

}

/** ***************************************************************************
 * タイトル
 * ************************************************************************* */

/** ***************************************************************************
 * 検索・検索結果 ページ
 */

#tatemono.page-index
.page-title,
#tatemono.page-result
.page-title {
  margin-bottom: 30px;
  padding-top: 20px;
  line-height: 1.3;
  font-size: 1.25em;
  text-align: center;
  background: url("../img/tatemono/bg.png");
}

#tatemono.page-index
.page-title::after,
#tatemono.page-result
.page-title::after {
  content: '';
  width: 100%;
  height: 6px;
  margin-top: 15px;
  background: linear-gradient(to right, #38B26F, #38B26F 50%, #F7931E 50%, #F7931E);
  display: block;
}

#tatemono.page-index
.page-title img,
#tatemono.page-result
.page-title img {
  max-width: 1.75em;
  margin: 0 auto 10px;
  display: block;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:48em) {

  #tatemono.page-index
  .page-title,
  #tatemono.page-result
  .page-title {
    margin-bottom: 40px;
    padding-top: 30px;
    font-size: 2em;
  }

  #tatemono.page-index
  .page-title::after,
  #tatemono.page-result
  .page-title::after {
    margin-top: 30px;
  }

  #tatemono.page-index
  .page-title img,
  #tatemono.page-result
  .page-title img {
    max-width: 100%;
  }

}

/** ***************************************************************************
 * 詳細 ページ
 */

#tatemono.page-single
.page-title {
  margin-bottom: 20px;
  padding: 0.875em 1em 0.625em 3.25em;
  font-size: 1.25em;
  border-bottom: 4px solid #F7931E;
  background: url("../img/tatemono/icon-house-1.png") 1em 0.75em no-repeat;
  background-color: #FFF9C8;
  background-size: 26px auto;
  display: flex;
  align-items: flex-start;
}

#tatemono.page-single
.page-title .condition {
  margin-right: 0.75em;
  padding: 0.125em 0.75em;
  color: #fff;
  line-height: 1.2;
  background-color: #F7931E;
  flex-shrink: 0;
}

#tatemono.page-single
.page-title + * {
  margin-top: 0;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #tatemono.page-single
.page-title {
    margin-bottom: 50px;
    font-size: 1.67em;
    background-size: 40px auto;
  }

}

/** ***************************************************************************
 * ページナビ
 * ************************************************************************* */

#tatemono ul.page-nav,
#tatemono ul.page-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#tatemono ul.page-nav {
  margin: 0 auto;
  letter-spacing: -0.4em;
  text-align: center;
  display: table;
}

#tatemono ul.page-nav li {
  width: 50%;
  padding: 0 5px;
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:48em) {

  #tatemono ul.page-nav li {
    padding: 0 10px;
  }

}

/** ***************************************************************************
 * 検索結果なし
 * ************************************************************************* */

#main div.not-found {
  margin-top: 60px !important;
  font-size: 1.25em;
  text-align: center;
}

/** ***************************************************************************
 * テキスト
 * ************************************************************************* */

#main p {
  margin: 0;
}

#main p + * {
  margin-top: 1.5em;
}

#main * + p {
  margin-top: 1.5em;
}

/** ***************************************************************************
 * テーブル
 * ************************************************************************* */

#main table.default {
  border-collapse: collapse;
}

#main table.default + * {
  margin-top: 1.5em;
}

#main * + table.default {
  margin-top: 1.5em;
}

#main table.default th {
  padding-left: 1em;
  padding-right: 1em;
  border: 1px solid #c8c8c8;
  background-color: #f2f2f2;
}

#main table.default td {
  padding-left: 1em;
  padding-right: 1em;
  border: 1px solid #c8c8c8;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (max-width:640px) {

  #main table.default th {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #main table.default td {
    padding-top: 10px;
    padding-bottom: 10px;
  }

}

@media print, screen and (min-width:641px) {

  #main table.default th {
    padding-left: 2em;
    padding-right: 2em;
  }

  #main table.default td {
    padding-left: 2em;
    padding-right: 2em;
  }

}