/* ================================
   simple-g内で detail.css を当てたくない部分
  （STEPリスト ＋ メールフォーム）
================================ */

/* STEPナビは detail.css のリスト装飾を無効化 */
#main .detailBox ul.stepList {
  margin: 0 0 3rem;
  display: block;
  gap: 0;
}

#main .detailBox ul.stepList li {
  width: auto;
  padding-left: 0;
  position: static;
}

#main .detailBox ul.stepList li::before {
  content: none;
}

/* mailForm内のリストも detail.css を無効化 */
#main .detailBox .mailForm ul,
#main .detailBox .mailForm ol {
  margin: 0;
  padding: 0;
  display: block;
  gap: 0;
}

#main .detailBox .mailForm li {
  width: auto;
  padding-left: 0;
  position: static;
}

#main .detailBox .mailForm li::before {
  content: none;
}

/* ================================
   月刊ふるさとネットワーク：アーカイブ5列（強制版）
================================ */

/* ul を強制的にフラット化 */
body.page-id-2367 .yblock ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 3rem 0 !important;
  font-size: 0 !important; /* 余白対策 */
}

/* li を絶対5列にする */
body.page-id-2367 .yblock ul li {
  display: inline-block !important;
  width: 20% !important;
  padding: 0 !important;
  margin: 0 0 0.6rem 0 !important;
  vertical-align: top !important;
  list-style: none !important;
  font-size: 1.4rem !important; /* テキストが消えないよう復活 */
}
/* 月刊ふるさとネットワーク：アーカイブの丸ポチを完全削除 */
body.page-id-2367 .yblock ul li::before {
  content: none !important;
}

/* スマホ：2列 */
@media (max-width: 768px) {
  body.page-id-2367 .yblock ul li {
    width: 50% !important;
  }
}




/* レスポンシブ */
@media (max-width: 767px) {
  .page-id-39 #pagePath {
    padding: 2.8rem 1.6rem 6rem;
  }

  .page-id-39 #pagePath h2 {
    font-size: 1.7rem;
  }

  .page-id-39 #pagePath h3 {
    font-size: 1.2rem;
    margin-top: 3.2rem;
  }

  .page-id-39 #pagePath table th,
  .page-id-39 #pagePath table td {
    display: block;
    width: 100%;
  }

  .page-id-39 #pagePath img.nonresize {
    max-width: 16rem;
  }
}



/* PC時の書籍画像サイズ調整 */
@media (min-width: 769px) {
  .book-img {
    max-width: 38rem !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 3rem auto !important;
  }
}

/* スマホは幅100%でOK */
@media (max-width: 768px) {
  .book-img {
    width: 100% !important;
    height: auto !important;
  }
}

/* 本のレイアウト全体 */
.book-wrap {
  display: flex;
  gap: 3rem;
  align-items: flex-start;
  margin-bottom: 4rem;
}

/* 画像ボックス */
.book-img-box img {
  max-width: 30rem;
  height: auto;
  display: block;
}

/* 情報エリア（右側） */
.book-info {
  flex: 1;
}

.book-info h3 {
  margin-top: 0;
}

/* スマホは縦並び */
@media (max-width: 768px) {
  .book-wrap {
    flex-direction: column;
    gap: 2rem;
  }

  .book-img-box img {
    max-width: 100%;
  }
}



/* 月刊ふるさとネットワーク アーカイブ：年別リストを5列表示（カラム方式） */
body.page-id-2367 .entry .yblock ul {
  margin: 0 0 3rem !important;
  padding-left: 0 !important;
  list-style: none !important;

  /* flexはいったん無効化してカラムで制御 */
  display: block !important;
  column-count: 5;
  column-gap: 1.5em;
}

body.page-id-2367 .entry .yblock ul li {
  width: auto !important;
  margin: 0 0 0.25em;
  break-inside: avoid-column;
}

/* 疑似要素の「・」は完全に消す */
body.page-id-2367 .entry .yblock ul li::before {
  content: none !important;
}

/* スマホでは2列表示 */
@media (max-width: 768px) {
  body.page-id-2367 .entry .yblock ul {
    column-count: 2;
  }
}


/* ================================
   page-id-17 サイトマップ
   すべてのULを強制複数列（エリア含む）
================================ */

/* UL 基本設定（全リスト対象） */
body.page-id-17 .entry ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 2rem 0 !important;

  /* ---- 最重要 ---- */
  display: block !important;
  width: 100% !important;
  float: none !important;

  /* ---- 段組み ---- */
  column-count: 4 !important;
  column-gap: 2rem !important;
}

/* LI 調整 */
body.page-id-17 .entry ul li {
  break-inside: avoid-column !important;
  margin-bottom: 0.6rem !important;
  padding: 0 !important;
  display: block !important;
}

/* ポチ消し（完全） */
body.page-id-17 .entry ul li::before {
  content: none !important;
}

/* スマホ：1列 */
@media (max-width: 768px) {
  body.page-id-17 .entry ul {
    column-count: 1 !important;
  }
}

/* タブレット：2列 */
@media (max-width: 1024px) {
  body.page-id-17 .entry ul {
    column-count: 2 !important;
  }
}

/* 「.url」クラス内のテキストのフォントサイズを小さくする */
.url {
  font-size: 0.7em;
}


/* single-infomagテンプレート内のすべてのテーブルに適用 */
.single-infomag table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff; /* 背景色を白に設定 */
}

.single-infomag td, .single-infomag th {
    padding: 1rem 2rem;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2;
    border: 0.1rem solid #ddd;
}

/* テーブルヘッダーのスタイル */
.single-infomag th {
    background-color: #FFFBF4;
    font-weight: 700;
    color: #000;
}

/* 行のホバー効果 */
.single-infomag tr:hover {
    background-color: #f9f9f9;
}

/* 偶数行と奇数行の背景色 */
.single-infomag tr:nth-child(even) {
    background-color: #FFFBF4; /* 偶数行に淡い背景色 */
}

.single-infomag tr:nth-child(odd) {
    background-color: #fff; /* 奇数行は白背景 */
}

/* 特定のカラムにスタイルを適用 */
.single-infomag .column-1 {
    background-color: #FFFBF4;
    font-weight: 700;
}

.single-infomag .column-3 {
    text-align: center;
}