/* 断水テンプレート用 */
/* 1. 値が入っている箱自体は非表示にする */
.waterDpattern-box {
    display: none !important;
}

/* 2. 基本はすべての文章（pタグ）を隠す */
.water-notice-container p {
    display: none;
}

/* 3. 属性 [data-pattern="値"] に基づいて、隣にある container 内の特定の p を表示する */
[data-pattern="断水・速報"] + .water-notice-container .msg-densui-sokuho { display: block; }
[data-pattern="断水・中間情報"] + .water-notice-container .msg-densui-chukan { display: block; }
[data-pattern="断水・復旧"] + .water-notice-container .msg-densui-fukkyu { display: block; }

[data-pattern="漏水による減圧・速報"] + .water-notice-container .msg-rosui-sokuho { display: block; }
[data-pattern="漏水による減圧・中間情報"] + .water-notice-container .msg-rosui-chukan { display: block; }
[data-pattern="漏水による減圧・復旧"] + .water-notice-container .msg-rosui-fukkyu { display: block; }

/* 「復旧」が選択された場合、後続の .water_restoration 範囲を非表示にする */
[data-pattern="断水・復旧"] ~ .water_restoration,
[data-pattern="漏水による減圧・復旧"] ~ .water_restoration {
    display: none !important;
}

/* 一般競争入札用リストのテンプレート */
.nyusatsu-list {
  list-style-type: disc !important; /* 黒丸を強制的に出す */
  padding-left: 25px;               /* 点が表示される左側の余白 */
  max-width: 600px;
  margin: 20px 0;
}

/* 各行の縦の間隔 */
.nyusatsu-list li {
  margin-bottom: 15px;
}

/* ★新しく追加：中身を横並びにするための設定 */
.li-inner {
  display: flex;                /* 横並びにする */
  align-items: center;          /* 垂直方向の中央揃え */
  justify-content: space-between; /* 左右に振り分ける */
}

.title {
  flex: 1;                      /* タイトル部分を可能な限り広げる */
  font-weight: normal;
}

.links {
  display: flex;
  align-items: center;
  gap: 15px;                    /* アイコンと文字の間の隙間 */
  margin-left: 20px;            /* タイトルとの最低限の隙間 */
}

.links a {
  text-decoration: underline;
  color: #003399;
  display: flex;
  align-items: center;
}

.separator {
  font-size: 0.9em;
  color: #666;
}

/* 1. 「_nashi」に中身がある時だけ、文頭に「・」を付ける */
.nashi-box:not(:empty)::before {
  content: "・";
  font-weight: bold;
}

/* 2. 「_nashi」に中身がある時、その直後の「content-box」を非表示にする */
.nashi-box:not(:empty) + .content-box {
  display: none !important;
}

/* 3. 「_nashi」が空のときは、その領域自体を消す */
.nashi-box:empty {
  display: none;
}

/* ★Flexboxを使ってキレイに箇条書きを並べる。*/
.document-list {
  list-style: disc; 
  padding-left: 20px;
}

.list-content {
  display: flex;
  align-items: center;
  width: 100%; 
}

.ls-label {
  display: inline-block;
  width: 400px; 
  flex-shrink: 0; /* 幅が勝手に縮まないように固定 */
}

.ls-links {
  display: flex;
  gap: 0; /* gapの代わりにaタグの幅で調整するのが確実 */
  align-items: center;
  flex-grow: 1; /* 残りのスペースをリンクエリアに割り当てる */
}
/* 共通のリンク設定：すべて150pxで統一 */
ul.document-list .ls-links a.iconFile {
  display: inline-flex;
  align-items: center;
  width: 200px;      /* すべてのリンクを同じ幅にする */
  flex-shrink: 0;    /* 画面が狭くなっても幅を維持する */
  text-decoration: none; /* 下線を消す場合 */
}

/* ★テンプレート用値がない時にタイトル非表示*/
.items-group:has(p:empty) {
  display: none;
}