/*
Theme Name: Sydney Child
Template: sydney
*/

/* ------------------------------
 共通 */
html {
  font-size: 62.5% !important; /* 基準：1rem=10px */
}
body {
  font-family: HiraKakuProN-W3, "ヒラギノ角ゴ ProN W3", 游ゴシック, "Yu Gothic",
    メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}
.text-c {
  text-align: center;
}
.text-r {
  text-align: right;
}

/* 
    最小値：10px
    最大値：16px
  */
.fs-xs {
  font-size: clamp(1rem, calc(0.7rem + 0.625vw), 1.4rem) !important;
}
/* 
    最小値：11px
    可変　：画面幅320px=2px, 800px=5px, 1200px=7.5px
    最大値：16px
  */
.fs-sm {
  font-size: clamp(1.1rem, calc(0.9rem + 0.625vw), 1.6rem) !important;
}
/* 
    最小値：12px
    可変　：画面幅320px=2px, 800px=5px, 1200px=7.5px
    最大値：17px
  */
.fs-md {
  font-size: clamp(1.2rem, calc(1rem + 0.625vw), 1.7rem) !important;
}
/* 
    最小値：16px
    可変　：画面幅320px=2px, 800px=5px, 1200px=7.5px
    最大値：29px
  */
.fs-lg {
  font-size: clamp(2.4rem, calc(2.2rem + 0.625vw), 2.9rem) !important;
}

/* ------------------------------
   html共通
   add_customizerコンテンツの親にはもれなく以下のクラスをつけること。
   その直下の子要素に「container」クラスも必ずつけること。
   containerは親テーマで設定してくれてるwidthがあるのでよしなにやってくれます。
  */
.add_customizer_wrapper {
  width: 100%;
  overflow: visible;
}
.add_customizer_wrapper .content {
  min-height: 80vh;
}
@media all and (max-width: 767px) {
  .add_customizer_wrapper .content {
    width: 88%;
    margin: auto;
  }
}

/* ------------------------------
 global */

/* global: ボタン（a） */
a > button {
  border-color: #267180 !important;
}
a > button:hover {
  color: #333333 !important;
}
li.menu-item > a:hover {
  color: #337db9 !important;
}

/* global: 非表示 */
.hidden {
  display: none !important;
}
@media all and (max-width: 480px) {
  .hidden-xs {
    display: none !important;
  }
}
@media all and (min-width: 481px) and (max-width: 600px) {
  .hidden-sm {
    display: none !important;
  }
}
@media all and (min-width: 601px) and (max-width: 767px) {
  .hidden-md {
    display: none !important;
  }
}
@media all and (min-width: 768px) {
  .hidden-lg {
    display: none !important;
  }
}

/* ------------------------------
 追加CSSに設定してたもの。変更しなさそうなのでこちらに移動 */

#primary {
  width: 100vw;
  margin: auto;
}
/* 「何も見つかりませんでした」が出るの対策 */
section.no-results.not-found {
  display: none;
}

/* ------------------------------
 ハンバーガーメニュー */

@media all and (max-width: 1024px) {
  /* なぜか top: 32px が指定されてるので0にしておく、、？もしかしたらどこかで変になるかも */
  /* admin-bar分下げてるのね！！！わかった */
  /* .admin-bar .sydney-offcanvas-menu {
    top: 0 !important;
  } */
  .site-title {
    display: none;
  }
  .sydney-offcanvas-menu.toggled {
    background-color: #dfe7e5;
  }
  .offcanvas-header-custom-text,
  .sydney-offcanvas-menu,
  .sydney-offcanvas-menu #mainnav a:not(.button),
  .sydney-offcanvas-menu a:not(.button) {
    color: #1d1d1d !important;
  }
  /* 「不動産営業に関わる全ての人へ」 */
  .site-description {
    color: #1d1d1d !important;
    font-size: 12px !important;
  }
  /* 閉じるボタンなどiconのsvg */
  .sydney-offcanvas-menu svg,
  .sydney-offcanvas-menu .dropdown-symbol .sydney-svg-icon svg {
    fill: #1d1d1d !important;
  }
  #header-btn-except-top {
    display: none;
  }
}

/* ------------------------------
 ボタン（共通） */
.btn_wrap {
  text-align: center;
}