@charset "UTF-8";
@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

@media print, screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

.header-property-logo-link .header-property-logo-title img {
  max-width: none;
}

@media print, screen and (min-width: 769px) {
  .header-property-logo-link .header-property-logo-title img {
    height: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .header-property-logo-link .header-property-logo-title img {
    height: 35px;
  }
}

/* ==========================================================
 color setting
========================================================== */
/* グローバルナビカラー（PC）
---------------------------------------------------------- */
.nav-global-property {
  background-color: #ffffff;
}

@media screen and (max-width: 1200px) {
  .nav-global-property {
    padding-top: 71px;
  }
}

@media print, screen and (min-width: 769px) {
  .nav-global-property-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .nav-global-property-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

/* グローバルナビカラー（スマホ）
---------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .nav-global-property-list {
    background-color: #4b4426;
  }
}

@media screen and (max-width: 1200px) {
  .header-property-menu {
    background-color: #222a5d;
  }
}

/* ハンバーガーメニューカラー（スマホ）
---------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .header-property-btn-menu.is-open {
    background-color: #151d40;
  }
}

/* コンタクトエリア、H1タイトル
---------------------------------------------------------- */
.box-bukken-contact {
  background-color: #4b4426;
}

.ttl-property-main {
  background-color: #4b4426;
}

/* 背景がグリーンの時用 */
.list-bukken-contact-link-green {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* ページトップへ戻るボタン,フッター
---------------------------------------------------------- */
.btn-pagetop-property, .footer-property-link-wrap {
  background-color: #222a5d;
}

/* ==========================================================
 layout setting
========================================================== */
/* nav-global-property（グローバルナビ）
---------------------------------------------------------- */
.nav-global-property-item {
  width: 150px;
  /* 9n */
}

.nav-global-property-item:before, .nav-global-property-item:after {
  border-color: #999999;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item {
    width: 50%;
  }
}

.nav-global-property-item:nth-child(9n) {
  width: 135px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item:nth-child(9n) {
    width: 50%;
  }
}

/* list-property-control（「お気に入り」～「資料請求者限定サイト」ボタン群）
---------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .list-property-control-item {
    width: 33%;
  }
}

/* 1200px以下でPCで見るとき */
.is-pc1200l .list-property-control-wrap .list-property-control-item {
  width: 25%;
}

.is-pc1200l .list-property-control-wrap .list-property-control-item.contact {
  display: none;
}

/* ==========================================================
 global navi setting
========================================================== */
/* 配置位置の全体設定 */
.nav-global-property-link {
  font-family: "Shippori Mincho B1", serif;
  letter-spacing: 0;
}

@media print, screen and (min-width: 769px) {
  .nav-global-property-link {
    color: #4b4426;
    font-size: 13px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1199px) {
  .nav-global-property-link {
    color: #ffffff;
  }
}

.is-tb .nav-global-property-link {
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .nav-global-property-link {
    background-image: url("/general/img/ico_arrow_right_white_01.png");
    color: #ffffff;
  }
}

.nav-global-property-item.is-new .nav-global-property-link:before {
  right: 10px;
  top: 5px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item.is-new .nav-global-property-link:before {
    position: relative;
    right: auto;
    top: auto;
  }
}

/* 配置位置の個別設定 */
/* 1段目 */
.nav-global-property-inner-first .nav-global-property-item.is-new:nth-child(9) .nav-global-property-link:before {
  right: 5px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-inner-first .nav-global-property-item.is-new:nth-child(9) .nav-global-property-link:before {
    right: auto;
  }
}

/* 2段目 */
.nav-global-property-inner-second .nav-global-property-item.is-new:nth-child(1) .nav-global-property-link:before {
  right: 5px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-inner-second .nav-global-property-item.is-new:nth-child(1) .nav-global-property-link:before {
    right: auto;
  }
}

.nav-global-property-link:hover:after, .nav-global-property-link.is-current:after {
  border-bottom-color: #4b4426;
}

/* ==========================================================
 hidden
 10月リリース時点で非表示にする
 ・お気に入りボタン
========================================================== */
.list-property-control-item-favorite, .list-bukken-contact-item.favorite {
  display: none;
}

@media screen and (max-width: 1200px) {
  .header-property-btn-favorite.only-sp {
    display: none !important;
  }
}

/* ==========================================================
 プラウドとはグローバルナビボタン設定
　.nav-global-propertyと比較して対比関係にある色を指定してください。
　※背景が白系の場合はプラウドブルー（#000066）とすることを必須とする。
　※背景が黒系の場合はシャンパンゴールド（#9F8758）などとする。
　※NEWなどのアイコンはつけてはいけない。
========================================================== */
.nav-global-property-item.nav-global-brand {
  background: #000066 !important;
}

.nav-global-property-item.nav-global-brand > a {
  color: #ffffff !important;
}

.nav-global-property-item.nav-global-brand .nav-global-property-link:hover:after, .nav-global-property-item.nav-global-brand .nav-global-property-link.is-current:after {
  border-bottom-color: #ffffff !important;
}

/* ========================================================== */
/* ==========================================================
 フッタナビ
========================================================== */
.box-bukken-footerNav {
  background-color: #4b4426;
  padding: 0;
}

.box-bukken-footerNav + .box-bukken {
  background-color: #4b4426;
}

.box-bukken-footerNav .nav-global-property {
  background-color: #4b4426;
}

.box-bukken-footerNav .nav-global-property-link:hover:after, .box-bukken-footerNav .nav-global-property-link.is-current:after {
  border-bottom-color: #ffffff;
}

.box-bukken-footerNav .nav-global-property-footer {
  background-color: #4b4426;
}

.box-bukken-footerNav .nav-global-property-item {
  padding: 0 20px;
}

.box-bukken-footerNav .nav-global-property-item:before {
  content: initial;
}

.box-bukken-footerNav .nav-global-property-item:after {
  border-color: #ffffff;
}

.box-bukken-footerNav .nav-global-property-item:last-child:after {
  content: initial;
}

@media print, screen and (min-width: 769px) {
  .box-bukken-footerNav .nav-global-property-item.is-sp {
    display: none;
  }
}

.box-bukken-footerNav .nav-global-property-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
  .box-bukken-footerNav .nav-global-property-list {
    width: 1200px;
  }
}

.box-bukken-footerNav .nav-global-property-link {
  color: #ffffff;
  white-space: nowrap;
}

@media print, screen and (min-width: 769px) {
  .box-bukken-footerNav .nav-global-property-link {
    font-size: 13px;
  }
}

@media only screen and (max-width: 768px) {
  .box-bukken-footerNav .nav-global-property-link {
    font-size: 14px;
  }
}