/*
Theme Name: Slauson Child
Template: slauson
Version: 1.0
*/

/* ===== Google Fonts 読み込み ===== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Lato:wght@300;400;700&display=swap');

/* ===== 本文フォント：Noto Sans JP に統一 ===== */
body,
body.single,
p,
p.typesquare_option,
.typesquare_option,
.single-contents p,
.single-contents li,
.single-contents h1,
.single-contents h2,
.single-contents h3 {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 400 !important;
}

/* ===== サイト背景色 ===== */
body {
  background-color: #faf8f6;
}

/* ===== ヘッダー背景色 ===== */
#header {
  background-color: #b8e0da !important;
}

/* ===== ヘッダー内余白 ===== */
.header-inner {
  padding: 20px 0 10px 0 !important;
}
@media only screen and (max-width: 767px) {
  .header-inner {
    padding: 15px 0 8px 0 !important;
  }
}

/* ===== トップページスライダー非表示 ===== */
#top-slide {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== スライダー非表示後の余白を詰める（PCのみ画像表示） ===== */
.topbox {
  margin-top: -20px !important;
}

@media only screen and (max-width: 767px) {
  .topbox {
    margin-top: 0 !important;
  }
  #block-17 {
    display: none !important;
  }
}

/* ===== ナビ上下の二重線を消す ===== */
#nav {
  border-top: none !important;
  border-bottom: none !important;
  margin-top: 20px !important;
}

/* ===== ナビリンクのフォントウェイト ===== */
.nav-menu li a {
  font-weight: 500 !important;
}

/* ===== 記事カード：カテゴリリンクのスタイル ===== */
.item-date {
  font-size: 11px;
  color: #3a3535;
  margin-bottom: 6px;
}
.item-date a {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #ee7a90;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

/* ===== 記事カードの高さ・余白 ===== */
li.item {
  height: auto !important;
  margin-bottom: 20px !important;
}

/* ===== サイドバー見出し帯スタイル ===== */
.widget-title,
.sidebar-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  padding: 8px 14px !important;
  border-left: none !important;
  border-bottom: none !important;
  margin-bottom: 12px !important;
  background-color: #3a3535 !important;
  color: #fff !important;
}

/* ===== 関連記事 見出し帯スタイル ===== */
.similar-head {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  padding: 8px 14px !important;
  margin-bottom: 12px !important;
  background-color: #3a3535 !important;
  color: #fff !important;
  border: none !important;
}

/* ===== 記事内見出しの上線を消す（下線は残す） ===== */
.single-contents h2,
.single-contents h3 {
  border-top: none !important;
}

/* ===== 記事内段落の余白を詰める ===== */
.single-contents p {
  margin-bottom: 0.8em !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* ===== テキストマーカー（蛍光ペン風） ===== */
.mm-marker-pink {
  background: linear-gradient(transparent 60%, #ffd9e0 60%);
  padding: 0 2px;
}

/* ===== 注意書き・データボックス ===== */
p.mm-note,
.single-contents p.mm-note {
  font-size: 12px !important;
  color: #888 !important;
  line-height: 1.7 !important;
  margin-top: 1.5em !important;
}

.mm-data-box {
  background-color: #f9f9f9 !important;
  border-radius: 8px !important;
  border: 1px solid #ddd !important;
  padding: 16px 20px !important;
  margin: 2em 0 !important;
  font-size: 13px !important;
  line-height: 2 !important;
  color: #3a3535 !important;
}

.mm-data-box-title {
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 6px !important;
  display: block !important;
}

@media only screen and (max-width: 767px) {
  p.mm-note,
  .single-contents p.mm-note {
    font-size: 12px !important;
    color: #888 !important;
    line-height: 1.7 !important;
  }

  .mm-data-box {
    font-size: 13px !important;
    line-height: 2 !important;
  }

  .mm-data-box-title {
    font-size: 16px !important;
  }
}

.mm-data-box br,
.single-contents p.mm-note br {
  display: block !important;
  content: "" !important;
  line-height: inherit !important;
}