/*
	特別スタイル適用ページ（maintenance子ページ・ごみの分け方）のthe_content専用スタイル
	全てのスタイルは .special-content 内に限定されます
	styles.cssの影響をリセットし、独自のスタイルを適用
*/

/* ごみの分け方専用スタイル */
.waste-category-content {
  background: #f0f9f0 !important; /* 薄緑背景 */
}

.waste-category-content h1,
.waste-category-content h2 {
  background: #4caf50;
  color: white;
  padding: 10px 15px;
  border-radius: 5px;
  margin: 1.5em 0 1em 0;
}

.waste-category-content h3 {
  background: #81c784;
  color: white;
  padding: 8px 12px;
  border-radius: 3px;
  margin: 1.2em 0 0.8em 0;
}

/* maintenance専用スタイル（従来通り） */
/* .maintenance-content {
  background: #f9f9f0 !important;
} */

/* styles.cssのコンテンツエリアのスタイルを無効化 */
.special-content {
  /* styles.cssの継承をリセット */
  all: revert;

  /* 独自のベーススタイルを設定 */
  font-family: -webkit-system-font, "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 1.6;
  color: #333;
  /* background: #f9f9f0; */
  padding: 20px;
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

/* styles.cssのコンテンツエリア用スタイルを無効化 */
.special-content *,
.special-content *::before,
.special-content *::after {
  /* 継承をリセットしつつ、必要な表示プロパティは保持 */
  all: unset;
  display: revert;
  box-sizing: border-box;
}

/* 必要なHTMLエレメントの基本スタイルを復活 */
.special-content p {
  display: block;
  margin: 1em 0;
}

.special-content h1,
.special-content h2,
.special-content h3,
.special-content h4,
.special-content h5,
.special-content h6 {
  display: block;
  font-weight: bold;
  margin: 1em 0;
}

.special-content ul,
.special-content ol {
  display: block;
  margin: 1em 0;
  padding-left: 2em;
}

.special-content li {
  display: list-item;
}

.special-content table {
  display: table;
  border-collapse: collapse;
}

.special-content tr {
  display: table-row;
}

.special-content td,
.special-content th {
  display: table-cell;
  padding: 4px;
}

.special-content a {
  display: inline;
  color: #0073aa;
  text-decoration: underline;
}

.special-content strong,
.special-content b {
  font-weight: bold;
}

.special-content em,
.special-content i {
  font-style: italic;
}

/* 全般 */
.special-content BODY {
  margin: 0px;
  font-size: 12pt;
  background: #f9f9f0;
}
.special-content FORM.tm {
  margin: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.special-content TABLE {
  font-size: 9pt;
}

/* #f9f9f0 薄緑 */
/* #f0f9f9 薄青 */
/* #f0f9f0 薄緑 */
/* #fffafa 薄ピンク */
/* #fffff0 アイボリー */

/* TABLE見出し */
.special-content TD.title-bk-blue {
  background: #535c93;
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 24px;
}

.special-content .subtitle-bk-blue {
  background: #737cb0;
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 20px;
}

.special-content TD.title-bk-green {
  background: #198d48;
  color: #ffffff;
}

.special-content TD.subtitle-green {
  background: #f7f9f7;
  color: #335654;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  height: 24px;
}

.special-content TD.title-bk-red {
  background: #fde5ed;
  color: #924352;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 24px;
}

.special-content .subtitle-bk-red {
  background: #fdeaf2;
  color: #924352;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 20px;
}

.special-content TD.subtitle-red {
  background: #fef5f9;
  color: #924352;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  height: 24px;
}

.special-content .msgtitle-red {
  background: #fef5f9;
  color: #924352;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-weight: bold;
  font-size: 12pt;
}

.special-content TD.title-orange {
  background: #ea7500;
  color: #ffffff;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-weight: bold;
  height: 24px;
}

.special-content TD.title-turquoise {
  background: #408080;
  color: #ffffff;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-weight: bold;
  height: 24px;
}

.special-content TD.title-bk-aqua {
  background: #2468a2;
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 24px;
}

.special-content .subtitle-bk-aqua {
  background: #2570a1;
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 20px;
}

.special-content .cmttitle-aqua {
  background: #2570a1;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-weight: bold;
  font-size: 12pt;
}

/* テキスト色 */
.special-content .subtitle-size {
  color: #434b78;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 20px;
  width: 100%;
}
.special-content .qatitle-red {
  background: #fef5f9;
  color: #924352;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 2px;
  border: 1px solid #924352;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  height: 12pt;
}
.special-content .fonts-size16 {
  color: #434b78;
  line-height: 150%;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-weight: bold;
  font-size: 16pt;
}
.special-content .fonts-size {
  color: #434b78;
  line-height: 150%;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12pt;
}
.special-content .fonts-size10 {
  color: #434b78;
  line-height: 150%;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10pt;
}
.special-content .fonts-size9 {
  color: #434b78;
  line-height: 150%;
  padding-left: 5px;
  font-size: 9pt;
}

.special-content .fontred-size {
  color: #d20000;
  line-height: 150%;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12pt;
}
.special-content .fontred-size10 {
  color: #d20000;
  line-height: 150%;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10pt;
}

/* 添字用 */
.special-content SPAN.fonts-sizeunder {
  vertical-align: sub;
  font-size: 8pt;
}

/* パブリックコメント用 */
.special-content .cmt-height {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 15px;
  padding-bottom: 0px;
}

/* 挨拶文の背景色 */
.special-content .aisatu-bk {
  background: #ffffe6;
  color: #924352;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
}

/* 改行 */
.special-content .page-next {
  page-break-after: always;
}

/* リンクの色分け */
.special-content A:hover {
  color: #ee3333;
}
.special-content A.link {
  color: #0000ff;
  text-decoration: underline;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12pt;
}

.special-content A.wb:link {
  color: #0000ff;
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
}
.special-content A.wb:hover {
  color: #ee3333;
}

/* 表の余白 */
.special-content TD.padding-size {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* 表の線色 */
.special-content TABLE.border-blue {
  border: 1px solid #535c93;
  border-bottom: 0px;
  border-right: 0px;
  margin-bottom: 10px;
}
.special-content TABLE.border-green {
  border: 1px solid #335654;
  border-bottom: 0px;
  border-right: 0px;
  margin-bottom: 10px;
}
.special-content TABLE.border-red {
  border: 1px solid #924352;
  border-bottom: 0px;
  border-right: 0px;
  margin-bottom: 10px;
}
.special-content TABLE.border-aqua {
  border: 1px solid #2570a1;
  border-bottom: 0px;
  border-right: 0px;
  margin-bottom: 10px;
}

.special-content .border-top-blue {
  border: 1px solid #535c93;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding-top: 5px;
}
.special-content .border-rb-blue {
  border: 1px solid #535c93;
  border-left: 0px;
  border-top: 0px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.special-content TABLE.border-all-blue {
  border: 1px solid #535c93;
  margin-bottom: 10px;
}

.special-content .border-top-red {
  border: 1px solid #924352;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding-top: 5px;
}
.special-content .border-rb-red {
  border: 1px solid #924352;
  border-left: 0px;
  border-top: 0px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.special-content TABLE.border-all-red {
  border: 1px solid #924352;
  margin-bottom: 10px;
}

.special-content .border-top-aqua {
  border: 1px solid #2570a1;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding-top: 5px;
}
.special-content .border-rb-aqua {
  border: 1px solid #2570a1;
  border-left: 0px;
  border-top: 0px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.special-content TABLE.border-all-aqua {
  border: 1px solid #2570a1;
  margin-bottom: 10px;
}

/* 表の背景色類 */
/* テーブルパターンA(ごみ処理部) */
.special-content TD.color-hed1a {
  background: #e5f6ff;
} /* ヘッダー1a */

.special-content TD.color-body1a {
  background: #fffcf3;
} /* 本体1a */
.special-content TD.color-body2a {
  background: #f0fff0;
} /* 本体2a */
.special-content TD.color-body3a {
  background: #fafae6;
} /* 本体3a */
.special-content TD.color-body4a {
  background: #e0efd0;
} /* 本体4a */

/* テーブルパターンB(資源化推進/書類の個別) */
.special-content TD.color-hed1b {
  background: #efcfef;
} /* ヘッダー1b */

.special-content TD.color-body1b {
  background: #ffefdf;
} /* 本体1b */
.special-content TD.color-body2b {
  background: #ffefff;
} /* 本体2b */
.special-content TD.color-body3b {
  background: #ffdfdf;
} /* 本体3b */
.special-content TD.color-body4b {
  background: #ffdfff;
} /* 本体4b */

/* テーブルパターンC(最終処分場) */
.special-content TD.color-hed1c {
  background: #cfcfef;
} /* ヘッダー1c */

.special-content TD.color-body1c {
  background: #cfe8ff;
} /* 本体1c */
.special-content TD.color-body2c {
  background: #cfe8ef;
} /* 本体2c */
.special-content TD.color-body3c {
  background: #cfd8ff;
} /* 本体3c */
.special-content TD.color-body4c {
  background: #cfd8ef;
} /* 本体4c */

/* テーブルパターンD(ごみ排出量/PDFファイル) */
.special-content TD.color-hed1d {
  background: #ffe8ff;
} /* ヘッダー1d */

.special-content TD.color-body1d {
  background: #ffefef;
} /* 本体1d */
.special-content TD.color-body2d {
  background: #fff8ef;
} /* 本体2d */
.special-content TD.color-body3d {
  background: #ffefdf;
} /* 本体3d */
.special-content TD.color-body4d {
  background: #fff8df;
} /* 本体4d */
.special-content TD.color-body5d {
  background: #ffefcf;
} /* 本体5d */
.special-content TD.color-body6d {
  background: #fff8cf;
} /* 本体6d */

/* テーブルパターンE(処理実績) */
.special-content TD.color-hed1e {
  background: #cfdfdf;
} /* ヘッダー1e */
.special-content TD.color-hed1-2e {
  background: #ffcce6;
} /* ヘッダー1-2e */

.special-content TD.color-body1e {
  background: #eff8ff;
} /* 本体1e */
.special-content TD.color-body2e {
  background: #eff8ef;
} /* 本体2e */
.special-content TD.color-body3e {
  background: #efefff;
} /* 本体3e */
.special-content TD.color-body4e {
  background: #efffdf;
} /* 本体4e */
.special-content TD.color-body5e {
  background: #dfefff;
} /* 本体5e */
.special-content TD.color-body6e {
  background: #dfffef;
} /* 本体6e */
.special-content TD.color-body1-2e {
  background: #ffe6cc;
} /* 本体1-2e */
.special-content TD.color-body2-2e {
  background: #ffffcc;
} /* 本体2-2e */

/* テーブルパターンF(最終処分場の処理) */
.special-content TD.color-hed1f {
  background: #ffe8ff;
} /* ヘッダー1f */

.special-content TD.color-body1f {
  background: #ffffef;
} /* 本体1f */
.special-content TD.color-body2f {
  background: #ffefdf;
} /* 本体2f */
.special-content TD.color-body3f {
  background: #ffffdf;
} /* 本体3f */
.special-content TD.color-body4f {
  background: #ffefcf;
} /* 本体4f */
.special-content TD.color-body5f {
  background: #ffffcf;
} /* 本体5f */
.special-content TD.color-body6f {
  background: #ffdfcf;
} /* 本体6f */

/* テーブルパターンG(最終処分場の予算と決算) */
.special-content TD.color-hed1g {
  background: #d8dfff;
} /* ヘッダー1g */

.special-content TD.color-body1g {
  background: #d8efef;
} /* 本体1g */
.special-content TD.color-body2g {
  background: #d8efff;
} /* 本体2g */
.special-content TD.color-body3g {
  background: #d8efdf;
} /* 本体3g */
.special-content TD.color-body4g {
  background: #d8e8f8;
} /* 本体4g */

/* テーブルパターンH(浸透水指標) */
.special-content TD.color-hed1h {
  background: #cfcfff;
} /* ヘッダー1H */

.special-content TD.color-body1-1h {
  background: #ffe8ff;
} /* 本体1-1h */
.special-content TD.color-body1-2h {
  background: #ffe8ff;
} /* 本体1-2h */
.special-content TD.color-body1-3h {
  background: #ffe8ff;
} /* 本体1-3h */
.special-content TD.color-body1-4h {
  background: #ffe8ff;
} /* 本体1-4h */
.special-content TD.color-body2-1h {
  background: #d8ffdf;
} /* 本体2-1h */
.special-content TD.color-body2-2h {
  background: #d8ffdf;
} /* 本体2-2h */
.special-content TD.color-body2-3h {
  background: #d8ffdf;
} /* 本体2-3h */
.special-content TD.color-body2-4h {
  background: #d8ffdf;
} /* 本体2-4h */
.special-content TD.color-body3-1h {
  background: #ffffcc;
} /* 本体3-1h */
.special-content TD.color-body3-2h {
  background: #ffffcc;
} /* 本体3-2h */
.special-content TD.color-body3-3h {
  background: #ffffcc;
} /* 本体3-3h */
.special-content TD.color-body3-4h {
  background: #ffffcc;
} /* 本体3-4h */
.special-content TD.color-body4-1h {
  background: #ccffff;
} /* 本体4-1h */
.special-content TD.color-body4-2h {
  background: #ccffff;
} /* 本体4-2h */
.special-content TD.color-body4-3h {
  background: #ccffff;
} /* 本体4-3h */
.special-content TD.color-body4-4h {
  background: #ccffff;
} /* 本体4-4h */

/* テーブルパターンI(パブリックコメント) */
.special-content TD.color-hed1i {
  background: #43b3fc;
} /* ヘッダー1i */
.special-content TD.color-hed1-2i {
  background: #50c7d1;
} /* ヘッダー1-2i */

.special-content TD.color-body1i {
  background: #afdfe4;
} /* 本体1i */
.special-content TD.color-body2i {
  background: #cde6c7;
} /* 本体2i */
.special-content TD.color-body3i {
  background: #afdff4;
} /* 本体3i */
.special-content TD.color-body4i {
  background: #cde6d7;
} /* 本体4i */
.special-content TD.color-body5i {
  background: #afdfff;
} /* 本体5i */
.special-content TD.color-body6i {
  background: #cde6e7;
} /* 本体6i */
.special-content TD.color-body1-2i {
  background: #afefff;
} /* 本体1-2i */
.special-content TD.color-body2-2i {
  background: #cde6f7;
} /* 本体2-2i */

/* テーブル横スクロール対応 */
.special-content .scroll-content {
  overflow-x: auto;
}
.special-content .gomi-list-image {
  width: 400px;
  max-width: 100%;
}