@charset "shift_jis";


/*---------- ■■■■■■■■■■　ページ全体の指定　■■■■■■■■■■ ----------*/

body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #333333;
  background-image: url(../img/back.gif);
}
b, strong, .bold{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}
p {
  margin: 18px 0 18px 0;
  line-height: 180%;
  letter-spacing: 1px;
}

/*---------- メイン ----------*/

.main {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 901px;
  border-right:  solid 1px #c6c6c6;
  border-bottom: solid 1px #c6c6c6;
  border-left: solid 1px #c6c6c6;
  background-color: #ffffff;
}

/*---------- ■■■■■■■■■■　ヘッダー　■■■■■■■■■■ ----------*/

/*---------- ヘッダー部分 ----------*/
.header {
  margin: 0;
  width: 901px;
  height: 115px;
  border-top: solid 10px #00ced1; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
  background-color: #ffffff;
}

/*---------- ヘッダーの一番上の文 ----------*/
.header h1.annai {
  margin: 0;
  padding: 3px 0 0 32px;
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #888888;
  letter-spacing: 0.05em;
}

/*---------- タイトル ----------*/
.header h1 {
  margin: 25px 0px 26px 0px;
  padding: 0 0 0 31px; 
  text-align: left;
  font-weight: normal;
  font-size: 36px;
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  color: #444444;
  letter-spacing: 0.05em;
}
/*---------- タイトル前の◆ ----------*/
span.hyoudai_shikaku {
  color: #00ced1; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
}

/*---------- 表題が2行になるとき（スマホ対応） ----------*/
/*---------- PC版では改行しないので消す ----------*/
span.hyoudai_2gyou {
  display: none; 
}
/*---------- 副題の前後に〜を入れている（スマホ対応） ----------*/
/*---------- PC版では表示しないので消す ----------*/
span.nami_kesu {
  display: none; 
}

/*---------- 副題 ----------*/
span.hukudai {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-size: 20px;
  color: #444444;
  font-weight: normal;
  letter-spacing: 0.1em;
}
/*---------- ヘッダーの副題を改行して表題の下に表示にする（スマホ対応） ----------*/
/*---------- そのため、desktopのcssの方を改行なしにしている ----------*/
.header h1 br{
  display:none;
}

/*---------- メニュー部分（背景） ----------*/
.header-menu {
  width: auto;
  margin: 0px;
  padding: 0 0 0 49px;  /*---------- メニュー「はじめに」の左端をタイトルの◆の中央と本文の見出しの左端に揃えるため49px----------*/
  height: 40px;
  text-align: left;
  border-bottom: solid 6px #cccccc;
  background-color:#ececec;
}

/*---------- メニューボタン ----------*/
.header-menu ul {
  text-align: left;
  margin: 0px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #cccccc;
  padding: 0 0 16px 0;
}

.header-menu li {
  display: inline;
  list-style-type: none;
  float: left;
}

.header-menu li a {
  font-size: 18px;
  
  line-height: 30px;
  color: #333333;
  background-color:#ececec;
  text-align: center;
  display: block;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #cccccc;
  text-decoration: none;
  padding: 6px 27px 4px 27px;
letter-spacing: 0.1em;
}

.header-menu li a:hover {
  color: #333333;
  background-color: #ececec;
  border-bottom: solid 6px #00ced1; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
}
/*---------- 開いているページのメニューボタンの色を変える ----------*/
/*---------- 現在未使用 ----------*/
#menubutton_iro { 
  color: #333333;
  background-color: #e3e3e3;
}
/*---------- スマホ版のためにメニューボタンを追加している ----------*/
/*---------- 「twitter」とリンク集のメニューボタン ----------*/
/*---------- PC版では表示しないので消す ----------*/

span.menu_phone_tw {
  display: none; 
}
span.menu_phone_links {
  display: none; 
}

/*---------- スマホ版のためにメニューボタンを改行している ----------*/
/*---------- PC版では改行しないので消す ----------*/
span.br_menu {
  display: none; 
}

/*---------- ヘッダーここまで ----------*/

/*---------- ■■■■■■■■■■　コンテンツ　■■■■■■■■■■ ----------*/

/*---------- ★★★★★　コンテンツ全体　★★★★★ ----------*/
.contents {
  margin: 0;
  padding: 30px 50px 0px 50px;
  font-size: 12px;
  line-height: 180%;
  width: 800px;
  letter-spacing: 0.1em;
  background-color: #ffffff;
}
/*---------- コンテンツ全体ここまで ----------*/

/*---------- ★★★★★　SNSボタン　★★★★★ ----------*/

/*---------- SNSボタン（トップページ） ----------*/
/*---------- facebookシェア ----------*/
.sns_button_fb {
  margin: -4px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}
/*---------- twitterツイート ----------*/
.sns_button_tw {
  margin: -4px 0px 0px 12px;
  padding: 0px 0px 0px 0px;
  float: left;
}
/*---------- はてなブックマーク ----------*/
.sns_button_hb {
  margin: -4px 0px 0px 12px;
  padding: 0px 0px 0px 0px;
  float: left;
}
/*---------- tumblr投稿する ----------*/
.sns_button_tub {
  margin: -4px 0px 0px 13px;
  padding: 0px 0px 0px 0px; 
  float: left;
}
/*---------- poket ----------*/
.sns_button_pk {
  margin: -4px 0px 0px 8px;
  padding: 0px 0px 0px 0px; 
  float: left;
}
/*---------- Line送る ----------*/
.sns_button_line {
  margin: -4px 0px 0px 11px;
  padding: 0px 0px 0px 0px;
  float: left;
}


/*---------- SNSボタン（まとめのページ） ----------*/
/*---------- facebookシェア ----------*/
.sns_button_fb_m {
  margin: 18px 0px 20px 20px;
  padding: 0px 0px 0px 0px;
  float: left;
}
/*---------- twitterツイート ----------*/
.sns_button_tw_m {
  margin: 18px 0px 20px 12px;
  padding: 0px 0px 0px 0px;
  float: left;
}
/*---------- はてなブックマーク ----------*/
.sns_button_hb_m {
  margin: 18px 0px 20px 12px;
  padding: 0px 0px 0px 0px;
  float: left;
}
/*---------- tumblr投稿する ----------*/
.sns_button_tub_m {
  margin: 18px 0px 20px 13px;
  padding: 0px 0px 0px 0px;
  float: left;
}
/*---------- poket ----------*/
.sns_button_pk_m {
  margin: 18px 0px 20px 8px;
  padding: 0px 0px 0px 0px;
  float: left;
}
/*---------- Line送る ----------*/
.sns_button_line_m {
  margin: 18px 0px 20px 11px;
  padding: 0px 0px 0px 0px;
  float: left;
}

/*---------- SNSボタンここまで ----------*/

/*---------- ★★★★★　ページのコンテンツの上部　★★★★★ ----------*/

/*---------- ページのタイトル ----------*/
.contents h2.oo_midashi {
  height: 32px;
  margin: 8px 0 25px 0;
  padding: 0 0 0 15px;
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #444444;
  border-bottom: solid 3px #cccccc;
}
/*---------- ページのタイトル（「署名する」のページ） ----------*/
.contents h2.oo_midashi_shomei {
  height: 30px;
  margin: 8px 0 25px 0;
  padding: 0 0 0 15px;
  font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 ProN W6";
  font-size: 26px;
  color: #444444;
  border-bottom: solid 3px #cccccc;
}
/*---------- 読了時間の表示 ----------*/
span.dokuryoujikan {
  height: 32px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #444444;
  font-weight: normal;
}
/*---------- スマホ版の読了時間の表示をPC版ではいらないので消す ----------*/
span.dokuryoujikan_phone {
  display: none; 
}
/*---------- 「はじめに」ページの冒頭文  ----------*/
.contents h2.boutoubun {  
  margin: 42px 0 0 0px;
  padding: 16px 0 16px 28px;
  line-height: 200%; /*---------- 2行になる場合はここを調整する（150%ぐらい？）  ----------*/
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-size: 22px;
  text-align: left;
  color: #444444;
  clear: left;
  letter-spacing: 0.1em;
  background-color: #fffff0;
  /*---------- background-image: url(../img/boutoubun_haikei.png); 冒頭文に背景画像を使うとき  ----------*/
  border-radius: 15px; /*---------- 枠線の角を丸くする ----------*/
  border: solid 3px #ffdc00; /*---------- イエロー(枠色) ----------*/
}
/*---------- インターネットエクスプローラーでの表示  ----------*/
/*---------- 文字が上に偏らないようにする  ----------*/
_:-ms-input-placeholder .contents h2.top_left, :root .contents h2.top_left{
  padding: 30px 0 0 0;
}

/*---------- ページのコンテンツの上部ここまで ----------*/

/*---------- ★★★★★　セクションの見出しとセクションの中の小見出し　★★★★★ ----------*/
/*---------- セクションの見出し（バー見出し） ----------*/
.contents h3 {
  height:28px;
  margin:30px 0px 30px 0px;
  padding:10px 0px 2px 18px;
  font-size:18px;
  font-weight:normal;color:#444444;
  background-color:#ececec;
  border-bottom: solid 3px #00ced1; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
  letter-spacing: 0.1em;
 }

/*---------- 目的の見出しで使用する墨付きカッコ ----------*/
/*---------- カッコと中のことばの色を青（瑠璃色）に変える ----------*/
p.midashi_sumitsuki_kakko {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 18px;      
  margin-bottom: 8px;   
  line-height: 170%;    
  padding-left: 0px;    
  text-indent: -26px;
  color: #1e50a2; /*---------- 青（瑠璃色） ----------*/
}

/*---------- 追録のタイトル ----------*/
span.tsuiroku_dai {
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 24px;
  font-weight: normal;
}
h3.tsuiroku_dai {
  margin-top: 30px;  /*---------- 追録のタイトルの行間(上) ----------*/
  margin-bottom: 28px; /*---------- 追録のタイトルの行間(下) ----------*/
  background-color: #ffffff;
  border-bottom: solid 2px #00ced1; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
}
h3.tsuiroku_dai_2gyou { /*---------- スマホ版で２行になった場合に使用 ----------*/
  margin-top: 30px; /*---------- 追録のタイトルの行間(上) ----------*/
  margin-bottom: 28px; /*---------- 追録のタイトルの行間(下) ----------*/
  background-color: #ffffff;
  border-bottom: solid 2px #00ced1; /*---------- ◆◆◆ 色変更箇所 ◆◆◆ ----------*/
}

/*---------- セクションの見出しここまで ----------*/

/*---------- ★★★★★　文と文字と改行と表示なし　★★★★★ ----------*/

/*---------- 文 ----------*/
.contents p {
  margin: 18px 10px 11px 18px;
  padding: 0 0 0 0;
  line-height: 200%;
  font-size: 16px;
  letter-spacing: 0.1em;
}
/*---------- リンク文字 ----------*/
.contents a {
  color: #0000ff;
  font-size: 16px;
  text-decoration: none;
}
.contents a:hover {
  color: #800080;
  font-size: 16px;
  text-decoration: none;
}

/*---------- 文字の色（ことばや文の色を変えるときに使用） ----------*/
/*---------- 言葉の強調で使用する ----------*/
span.moji_iro_aka {
  color: #c9171e; /*---------- 赤（深緋(こきひ)） ----------*/
}
/*---------- 法案で使用（条文の題を青色にする） ----------*/
span.moji_iro_ao {
  color: #1e50a2; /*---------- 色を青（瑠璃色）にする ----------*/
  font-weight:normal;
}
/*---------- 法案で使用（文字色を茶色に変える） ----------*/
span.moji_iro_cha {
  color: #a0522b; /*---------- 色を茶色に変更する ----------*/
  font-weight:normal;
}
/*---------- 法案で使用（文字色を緑色に変える） ----------*/
span.moji_iro_midori {
  color: #37a34a; /*---------- 色を緑色に変更する ----------*/
  font-weight:normal;
}
/*---------- 法案で使用（文字色をオレンジ色にする） ----------*/
span.moji_iro_orange {
  color: #ee7800; /*---------- 色をオレンジ色にする ----------*/
  font-weight:normal;
}

/*---------- 注の※印で使用 ----------*/
span.chuu_color {
  color: #37a34a; /*---------- パロットグリーン ----------*/
  font-weight:bold;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3";
}
/*---------- 出典のアスタリスクと番号で使用 ----------*/
span.shutten_color {
  color: #ee7800; /*---------- オレンジ ----------*/
}

/*---------- 文字をマーカーで塗る ----------*/
span.moji_highlight {
  background: linear-gradient(transparent 30%, #b0e0e6 ); /*---------- 水色（powderblue） ----------*/
}
/*---------- 文字に下線を引く（赤色） ----------*/
span.kasen_aka {
  text-decoration : underline;
  text-decoration-color: #c9171e;
}

/*---------- 半角カッコのベースラインを游ゴシックに揃える ----------*/
/*---------- 「このサイトについて」の「資料情報」の「出典」で使用 ----------*/
span.hankaku_kakko {
  vertical-align: 5%; /*---------- 半角カッコを少し高くする ----------*/
}
div.hankaku_kakko_gyou {
  margin-top: -3px; /*---------- 上の行との間隔が5%広がるのを防ぐ ----------*/
}

/*---------- PC版での改行を消す ----------*/
/*---------- スマホ版では改行するが、PC版では改行しないときに使用 ----------*/
/*---------- スマホ版の改訂情報で箇所と内容の文章を改行して表示するために使用 ----------*/
span.br_kesu_desktop {
  display: none; 
}
/*---------- PC版での表示を消す ----------*/
span.hyouji_kesu_desktop {
  display: none; 
}
/*---------- 取り消し線 ----------*/
span.torikeshi {
  text-decoration: line-through;
}

/*---------- 文字の大きさ ----------*/
span.moji_s {
  font-size: 12px;
}

/*---------- 文と文字と改行と表示なしここまで ----------*/

/*---------- ★★★★★　行間調整　★★★★★ ----------*/

/*---------- 行間を狭く ----------*/
/*---------- 使用した場所をここにメモする ----------*/
.gyoukan_semaku {
  margin: -15px 0px 0px 0px; /*---------- 文章の上を詰める ----------*/
  padding: 0 0 0 0;
}
/*---------- 行間を広く ----------*/
.gyoukan_hiroku {
  margin: 28px 0px 0px 0px;
  padding: 0 0 0 0;
}
/*---------- 行間を広く ----------*/
/*---------- 「この運動について」「運動に関する注意」「◆ 資金集めについて ◆」の上の間隔の調整 ----------*/
.gyoukan_hiroku_2 {
  margin: 24px 0px 0px 0px;
  padding: 0 0 0 0;
}
/*---------- 「法案」の＜目次＞と第一章の間 ----------*/
.gyoukan_hiroku_houan_mokuji_ato {
  margin: 9px 0px 0px 0px;
  padding: 0 0 0 0;
}
/*---------- 「このサイトについて」の「資料情報」の◆資料案内◆の前 ----------*/
.gyoukan_semaku_siryou_ue {
  margin: -22px 0px 0px 0px; /*---------- 上の文献情報との間隔を広げる ----------*/
  padding: 0 0 0 0;
}
/*---------- 「このサイトについて」の「資料情報」の◆資料案内◆の後 ----------*/
.gyoukan_semaku_siryou_sita {
  margin: -10px 0px 0px 0px; /*---------- 下の文章との間隔を詰める ----------*/
  padding: 0 0 0 0;
}

/*---------- 行間調整ここまで ----------*/

/*---------- ★★★★★　字下げ　★★★★★ ----------*/

/*---------- 文章の2行目以降を字下げする場合 ----------*/
p.jisage {
  padding-left: 17px;
  text-indent: -17px;
}
/*---------- 行の幅を左右1文字分狭くする場合に使用 ----------*/
p.haba_semaku { 
  padding-left: 17px; /*---------- 文章全体を1文字字下げする ----------*/
  padding-right: 17px; /*---------- 行の折り返しを1文字分狭くする ----------*/
}

/*---------- 字下げここまで ----------*/

/*---------- ★★★★★　箇条書き　★★★★★ ----------*/

div.kajougaki_indent_13 { /*---------- 出典で使用 ----------*/
  padding-left: 13px;
  text-indent: -13px;
}
div.kajougaki_indent_17 {
  padding-left: 17px;
  text-indent: -17px;
}
div.kajougaki_indent_29 { /*---------- 注で使用 ----------*/
  padding-left: 29px;
  text-indent: -29px;
}
div.kajougaki_indent_48 { /*---------- 改訂情報と追録で使用 ----------*/
  padding-left: 48px;
  text-indent: -48px;
}
div.kajougaki_indent_70 { /*---------- 改訂情報で使用 ----------*/
  padding-left: 70px;
  text-indent: -70px;
}

/*---------- 箇条書きの行頭で使用する● ----------*/
span.kuromaru {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3";
}
/*---------- ２段目の箇条書きの行頭で使用する● ----------*/
span.tiisaikuromaru {
  font-size: 12px;
}
/*---------- 「サイトマップ」で使用する□ ----------*/
span.sirosikaku {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3";
}
/*---------- 2行以上になる箇条書きの文章 ----------*/
p.kajougaki_2gyouijou {　　
　padding-top: 0px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  margin-top: 8px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 8px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 175%;    /*---------- 箇条の行間を狭くする ----------*/
}
/*---------- 箇条書きの中の箇条書き ----------*/
p.kajougaki_2gyouijou_naka { 
　padding-top: 0px; 
  padding-left: 17px;     
  padding-bottom: 0px;  
  margin-top: 8px;      
  margin-bottom: 8px;   
  line-height: 175%;    
}
/*---------- 「内容」の「論理」の囲みの中で使用 ----------*/
p.kajougaki_kakominonaka_ue {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: -6px;      /*---------- 前の文章との間を狭くする ----------*/
  margin-bottom: 5px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 175%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 17px;     /*----------２行目以降 1文字分字下げする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字分字上げする ----------*/
}
p.kajougaki_kakominonaka_naka {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 0px;      
  margin-bottom: 5px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 175%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 17px;     /*----------２行目以降 1文字分字下げする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字分字上げする ----------*/
}
p.kajougaki_kakominonaka_shita { 
　padding-top: 0px;     
  padding-bottom: 2px;  
  margin-top: 0px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: -15px;   /*---------- 後の文章との間を狭くする ----------*/
  line-height: 175%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 17px;     /*----------２行目以降 1文字分字下げする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字分字上げする ----------*/
}
/*---------- 段落の中の箇条書き ----------*/
/*---------- 「内容」の「派生効果」の下（区切り線の下）で使用 ----------*/
p.kajougaki_danrakunonaka_ue {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: -7px;      /*---------- 前の文章との間を狭くする ----------*/
  margin-bottom: 5px;   /*---------- 箇条間を調整 ----------*/
  line-height: 175%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 0px;     /*----------２行目以降 1文字分字下げする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字分字上げする ----------*/
}
p.kajougaki_danrakunonaka_naka {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 0px;      
  margin-bottom: 5px;   /*---------- 箇条間を調整 ----------*/
  line-height: 175%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 0px;     /*----------２行目以降 1文字分字下げする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字分字上げする ----------*/
}
p.kajougaki_danrakunonaka_shita { 
　padding-top: 0px;     
  padding-bottom: 2px;  
  margin-top: -2px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: -18px;   /*---------- 後の文章との間を狭くする ----------*/
  line-height: 175%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 0px;     /*----------２行目以降 1文字分字下げする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字分字上げする ----------*/
}

/*---------- 「詳細」「補足」「この運動について」のもくじで使用 ----------*/
p.kajougaki_mokuji {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 3px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 3px;  
  line-height: 175%;    /*---------- 箇条の行間を狭くする ----------*/
  padding-left: 0px;     
  text-indent: -16px;    /*---------- 1行目を1文字分字上げする ----------*/
}
/*---------- 「詳細」「補足」のもくじで使用 ----------*/
/*---------- スマホ表示で2行になるときに使用 ----------*/
/*---------- パソコン表示では変更なし(175%のまま) ----------*/
p.kajougaki_mokuji_2gyou {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 3px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 3px;  
  line-height: 175%;    /*---------- スマホ版(CSSのphone)では165%にして行間を少し狭くしている ----------*/
  padding-left: 0px;     
  text-indent: -16px;    /*---------- 1行目を1文字分字上げする ----------*/
}
/*---------- 改訂情報の箇所と内容 ----------*/
p.kajougaki_2gyouijou_kaitei_jouhou {　　
　padding-top: 0px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  margin-top: 8px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 8px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 175%;    /*---------- 箇条の行間を狭くする ----------*/
  text-indent: -53px;
}
/*---------- サイトマップの階層箇条書き ----------*/
p.kaisoukajougaki_1danme {　　
　padding-top: 8px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  padding-left: 17px;     /*---------- 1文字分字下げする ----------*/
  margin-top: 11px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 4px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 170%;    /*---------- 箇条の行間を狭くする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字上げする（1階層目にする） ----------*/
}
p.kaisoukajougaki_2danme {　　
　padding-top: 4px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  padding-left: 34px;     /*---------- 2文字分字下げする ----------*/
  margin-top: 0px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 4px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 170%;    /*---------- 箇条の行間を狭くする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字上げする（2階層目にする） ----------*/
}
p.kaisoukajougaki_3danme {　　
　padding-top: 4px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  padding-left: 51px;     /*---------- 3文字分字下げする ----------*/
  margin-top: 8px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 8px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 170%;    /*---------- 箇条の行間を狭くする ----------*/
  text-indent: -17px;    /*---------- 1行目を1文字上げする（3階層目にする） ----------*/
}

/*---------- 箇条書きここまで ----------*/

/*---------- ★★★★★　囲み　★★★★★ ----------*/
/*---------- 「内容」のページの「論理」で使用 ----------*/

/*---------- 囲み ----------*/
div.bg_kakomi {
  margin:0px 18px 0px 18px;
  padding:1px 0px 0px 0px;
  background-color: #eaf4fc; /*---------- ◆◆◆ 月白(げっぱく)(背景色) ◆◆◆ ----------*/
  border: dashed 1px #bbe2f1; /*---------- ◆◆◆ 枠線あり ◆◆◆ ----------*/
}

/*---------- 囲み ----------*/
/*---------- 箇条書きを使った場合に下の余白(背景色の部分)が狭くなるので広げるために使用 ----------*/
div.bg_kakomi_2 {
  margin:0px 18px 0px 18px;
  padding:1px 0px 26px 0px;  /*---------- 下を26pxにして広げる ----------*/
  background-color: #eaf4fc; /*---------- ◆◆◆ 月白(げっぱく)(背景色) ◆◆◆ ----------*/
  border: dashed 1px #bbe2f1; /*---------- ◆◆◆ 枠線あり ◆◆◆ ----------*/
}
/*---------- 囲みの中の文章 ----------*/
p.kakomibun {
  margin: 0px 10px 0px 18px;
  padding: 9px 0 9px 0;
  line-height: 200%;
  font-size: 16px;
  letter-spacing: 0.1em;
}
/*---------- 囲みの次の下向き矢印 ----------*/
p.shitamukiyajirushi {　　
　padding-top: 0px;     
  padding-bottom: 0px;  
  margin-top: 8px;     /*---------- 囲みの下の線と矢印の間を調整している ----------*/
  margin-bottom: 7px;   /*---------- 囲みの上の線と矢印の間を調整している ----------*/
  line-height: 175%;    
}
/*---------- 囲みここまで ----------*/

/*---------- ★★★★★　区切り線　★★★★★ ----------*/
/*---------- 「はじめに」「内容」「法案」「まとめ」の最後で使用 ----------*/
.kugiri_1 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 3px dotted #cccccc;
  margin-top: 33px;
  margin-bottom: 25px;
}
.kugiri_2 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 2px dotted #cccccc;
}
/*---------- 区切り線（改訂情報） ----------*/
.kugiri_2_kaitei_jouhou {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 2px solid #cccccc;
  margin-top: 20px;
  margin-bottom: 15px;
}
/*---------- 区切り線ここまで ----------*/

/*---------- ★★★★★　段組み　★★★★★ ----------*/

/*---------- 2段組み ----------*/

.links_hidari {
  float: left;
  width: 400px;
}
.links_migi {
  float: right;
  width: 400px;
}
/*---------- 3段組み ----------*/
.dangumi1 {
  float: left;
  width: 266px;
}
.dangumi2 {
  float: left;
  width: 266px;
}
.dangumi3 {
  float: left;
  width: auto;
}
/*---------- 段組み解除 ----------*/
.dangumi_kaijo {
  clear: both;
}

/*---------- 段組みここまで ----------*/

/*---------- ★★★★★　図表　★★★★★ ----------*/

/*---------- 画像を中央寄せ ----------*/
div.gazou_chuuou {
  text-align: center;
}
/*---------- 画像を左寄せ ----------*/
div.gazou_hidari {
  text-align: left;
}
/*---------- 画像を画面サイズに合わせる ----------*/
div.gazou_chuuou img {
  width: auto;
}
/*---------- 画像の位置を微調整する ----------*/
div.gazou_bichousei {
  text-indent: -5px;
}
/*---------- 図表ここまで ----------*/

/*---------- ★★★★★　法案　★★★★★ ----------*/

/*---------- 法案の表題 ----------*/
p.houan_dai {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-size: 24px;
  font-weight:bold;
}

/*---------- 章の題 ----------*/
p.houan_shou {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-size: 21px;
  font-weight:bold;
  padding-left: 4px;
}
/*---------- 章の題（号の後） ----------*/
p.houan_shou_gouato {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-size: 21px;
  font-weight:bold;
  padding-left: 4px;
}
/*---------- 章の題（罰則用＝条文題のない場合） ----------*/
p.houan_shou_bassoku {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-size: 21px;
  font-weight:bold;
  padding-left: 4px;
  margin-bottom: 20px;
}
/*---------- 条文の題 ----------*/
p.joubun_dai {
  margin-top: 20px;
  margin-bottom: -8px;
  color: #1e50a2; /*---------- 青（瑠璃色） ----------*/
}
/*---------- 条文の題（長くてスマホ版で2行になる場合） ----------*/
/*---------- スマホ版では字下げするが、デスクトップでは変更しないため。 ----------*/
p.joubun_dai_nagai {
  margin-top: 20px;
  margin-bottom: -8px;
  color: #1e50a2; /*---------- 青（瑠璃色） ----------*/
}
/*---------- 条文の題（号の後） ----------*/
p.joubun_dai_gouato {
  margin-top: 38px;
  margin-bottom: -8px;
  color: #1e50a2; /*---------- 青（瑠璃色） ----------*/
}
/*---------- 条文の題（イロハの後） ----------*/
p.joubun_dai_irohaato {
  margin-top: 31px;
  margin-bottom: -8px;
  color: #1e50a2; /*---------- 青（瑠璃色） ----------*/
}
/*---------- 条番号 ----------*/
span.houan_jou_bangou {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3";
  font-size: 16px;
  font-weight:normal;
}
/*---------- 条文 ----------*/
p.joubun_indent_18 {
  padding-left: 18px;
  text-indent: -18px;
}
/*---------- 条文（号の後） ----------*/
p.houan_jou_bun_gouato {
  margin-top: 30px;
  padding-left: 18px;
  text-indent: -18px;
}

/*---------- 項番号 ----------*/
span.houan_kou_bangou {
  margin-top: 24px;
  margin-left: 7px;
  font-size: 16px;
  font-weight:bold;
}
/*---------- 項番号（号の後） ----------*/
span.houan_kou_bangou_gouato {
  margin-left: 2px;
  font-size: 16px;
  font-weight:bold;
}
/*---------- 項の文 ----------*/
p.houan_kou_bun {
  margin-top: 11px;
  padding-left: 18px;
  text-indent: -18px;
}
/*---------- 項の文（項の後） ----------*/
p.houan_kou_bun_kouato {
  margin-top: 0px;
  padding-left: 18px;
  text-indent: -18px;
}
/*---------- 項の文（号の後） ----------*/
p.houan_kou_bun_gouato {
  margin-top: 21px;
  padding-left: 18px;
  text-indent: -18px;
}
/*---------- 項の文（イロハの後） ----------*/
p.houan_kou_bun_irohaato {
  margin-top: 15px;
  padding-left: 18px;
  text-indent: -18px;
}

/*---------- 号の全体 ----------*/
div.houan_gou {
  margin-top: -6px;
  margin-bottom: -8px;
  padding-left: 36px;
  text-indent: -18px;
}
/*---------- 号の全体（イロハ後） ----------*/
div.houan_gou_irohaato {
  margin-top: 0px;
  margin-bottom: -8px;
  padding-left: 36px;
  text-indent: -18px;
}
/*---------- 号番号 ----------*/
span.houan_gou_bangou {
  font-size: 16px;
  font-weight:bold;
}
/*---------- 号の文 ----------*/
p.houan_gou_bun {
  padding-top: 0px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  margin-top: 0px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 5px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 165%;    /*---------- 箇条の行間を狭くする ----------*/
}

/*---------- イロハの全体 ----------*/
div.houan_iroha {
  margin-top: 12px;
  margin-bottom: 0px;
  padding-left: 54px;
  text-indent: -18px;
}
/*---------- イロハの文字 ----------*/
span.houan_iroha_moji {
  font-size: 16px;
  font-weight:bold;
}
/*---------- イロハの文 ----------*/
p.houan_iroha_bun {
  padding-top: 0px;     /*---------- 箇条間を狭くする ----------*/
  padding-bottom: 0px;  /*---------- 箇条間を狭くする ----------*/
  margin-top: 0px;      /*---------- 箇条間を狭くする ----------*/
  margin-bottom: 6px;   /*---------- 箇条間を狭くする ----------*/
  line-height: 155%;    /*---------- 箇条の行間を狭くする ----------*/
  font-size: 16px;
}

/*---------- 法案ここまで ----------*/

/*---------- ★★★★★　資料情報　★★★★★ ----------*/

/*---------- 「資料情報」でURLの表示などの禁則処理をしないで表示する ----------*/
div.kinsoku_shinai {
word-break: break-all;
}
/*---------- 資料情報ここまで ----------*/

/*---------- ★★★★★　お問い合わせ、署名フォーム　★★★★★ ----------*/

/*---------- お問い合わせ、署名フォームの背景 ----------*/
div.form_haikei {  
  padding-top: 40px;  
  padding-left: 40px;  
  padding-right: 40px;    
  padding-bottom: 40px;  
  margin-top: 20px;  
  margin-left: 20px;      
  margin-right: 20px;     
  margin-bottom: 20px; 
  background-color: #ececec;
}
/*---------- お問い合わせフォーム（枠と部品の配置） ----------*/
#toiawase_form {
  background-color: #ffffff;
  padding-top: 25px;   
  padding-left: 48px;  
  padding-right: 0px;    
  padding-bottom: 40px;  
  border-top: solid 1px #c6c6c6; 
  border-left: solid 1px #c6c6c6;
  border-right: solid 1px #c6c6c6;   
  border-bottom: solid 1px #c6c6c6; 
  text-align: left;
}
/*---------- 署名フォーム（枠と部品の配置） ----------*/
#shomei_form {
  background-color: #ffffff;
  padding-top: 25px;   
  padding-left: 48px;  
  padding-right: 0px;    
  padding-bottom: 40px;  
  border-top: solid 1px #c6c6c6; 
  border-left: solid 1px #c6c6c6;
  border-right: solid 1px #c6c6c6;   
  border-bottom: solid 1px #c6c6c6; 
  text-align: left;
}
/*---------- フォームのタイトル ----------*/
p.form_title{
  font-size: 32px; 
}
/*---------- 入力欄と入力欄の間隔 ----------*/
p.buhin {
  margin-top: 30px; 
}
/*---------- 入力欄の見出し ----------*/
span.nyuuryokuran_midashi {
  font-size: 18px;
}
/*---------- 入力欄の文字の大きさ ----------*/
input {
  font-size: 20px;
}
textarea {
  font-size: 20px;
}
/*---------- メールアドレスの入力文字のフォント ----------*/
input[type="email"]{
  font-family: arial;
}
/*---------- 問い合わせフォームの入力欄の大きさ ----------*/
input.onamae_ran { /*---------- お名前 ----------*/
  width: 16.3em; 
  height: 1.5em;
}
input.email_ran { /*---------- メールアドレス ----------*/
  width: 27em; 
  height: 1.5em;
}
textarea { /*---------- 内容 ----------*/
  width: 27em;
  height: 10em;
}
/*---------- 署名フォームの入力欄の大きさ ----------*/
input.shomei_onamae_ran { /*---------- お名前 ----------*/
  width: 12.3em; 
  height: 1.5em;
}
input.juusho_ran { /*---------- ご住所 ----------*/
  width: 12.3em; 
  height: 1.5em;
}
input.nikkuneemu_ran { /*---------- ニックネームなど ----------*/
  width: 12.3em; 
  height: 1.5em;
}
/*---------- 署名フォームの必須表示 ----------*/
span.hissu {
  color: #dc143c;
  font-size: 18px;
}

/*---------- 「送信」ボタン ----------*/
input.soushinsuru { 
  font-size: 20px; 
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  width: 120px;
  line-height: 30px;
  color: #ffffff;
  background-color: #4169e1;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color: #4169e1;
  text-decoration: none;
  padding: 3px 0 4px 0;
  border-radius: 4px;
  margin: 0 0 0 0;
}
/*---------- 「送信」ボタン（マウスがのったとき） ----------*/
input.soushinsuru:hover { 
  font-size: 20px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  color: #ffffff;
  background-color: #6495ed;
  border-color: #6495ed;
  margin: 0 0 0 0;
}
/*---------- 「署名する」ボタン ----------*/
input.shomeisuru { 
  font-size: 20px; 
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  width: 150px;
  line-height: 30px;
  color: #ffffff;
  background-color: #4169e1;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color: #4169e1;
  text-decoration: none;
  padding: 3px 0 4px 0;
  border-radius: 4px;
  margin: 0 0 0 0;
}
/*---------- 「署名する」ボタン（マウスがのったとき） ----------*/
input.shomeisuru:hover { 
  font-size: 20px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  color: #ffffff;
  background-color: #6495ed;
  border-color: #6495ed;
  margin: 0 0 0 0;
}
/*---------- 送信後のメッセージ ----------*/
p.soushingo_message {
  font-size: 18px;
  padding-top: 40px;  
  padding-left: 45px;  
  padding-right: 42px;    
  padding-bottom: 40px;  
  margin-top: 16px;  
  margin-left: 16px;      
  margin-right: 16px;     
  margin-bottom: 16px; 
  background-color: #ffffff;
  border-width: 3px;
  border-style: solid;
  border-color: #6495ed;
  border-radius: 20px;
}
/*---------- 署名後のメッセージ ----------*/
p.shomeigo_message {
  font-size: 18px;
  padding-top: 40px;  
  padding-left: 74px;  
  padding-right: 65px;    
  padding-bottom: 40px;  
  margin-top: 16px;  
  margin-left: 16px;      
  margin-right: 16px;     
  margin-bottom: 16px; 
  background-color: #ffffff;
  border-width: 3px;
  border-style: solid;
  border-color: #6495ed;
  border-radius: 20px;
}
/*---------- お問い合わせ、署名フォームここまで ----------*/

/*---------- ★★★★★　リンクボタン　★★★★★ ----------*/

/*---------- リンクボタン ----------*/
p.btnyou {
  margin: 18px 10px 0px 18px;
  padding: 0 0 10px 0;
}
/*---------- 吉田喜源治のtumblrのボタン ----------*/
a.btn_tub {            
  font-size: 20px;
  width: 260px;
  line-height: 35px;
  color: #7d87c9;
  background-color: #ececec;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color: #7d87c9;
  text-decoration: none;
  padding: 7px 0 4px 0;
  border-radius: 7px;
  margin: 0 0 0 21px;
}
a.btn_tub:hover {
  font-size: 20px;
  color: #ffffff;
  background-color: #7d87c9;
  margin: 0 0 0 21px;
}

/*---------- 吉田喜源治のXのボタン ----------*/
a.btn_x {            
  font-size: 20px;
  width: 260px;
  line-height: 35px;
  color: #85878a;
  background-color: #ececec;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color: #85878a;
  text-decoration: none;
  padding: 7px 0 4px 0;
  border-radius: 7px;
  margin: 0 0 0 21px;
}
a.btn_x:hover {
  font-size: 20px;
  color: #ffffff;
  background-color: #85878a;
  margin: 0 0 0 21px;
}
/*---------- 吉田喜源治公式サイトのボタン ----------*/
a.btn_koushiki {
  font-size: 20px; 
  width: 260px;
  line-height: 35px;
  color:  #cccccc;
  background-color:#ececec;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color:  #cccccc;
  text-decoration: none;
  padding: 7px 0 4px 0;
  border-radius: 7px;
  margin: 0 0 0 21px;
}
a.btn_koushiki:hover {
  font-size: 20px;
  color: #cccccc;
  background-color: #ececec;
  margin: 0 0 0 21px;
}
/*---------- 吉田喜源治のブログのボタン ----------*/
a.btn_blog {
  font-size: 20px; 
  width: 260px;
  line-height: 35px;
  color:  #cccccc;
  background-color:#ececec;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color:  #cccccc;
  text-decoration: none;
  padding: 7px 0 4px 0;
  border-radius: 7px;
  margin: 0 0 0 21px;
}
a.btn_blog:hover {
  font-size: 20px;
  color: #cccccc;
  background-color: #ececec;
  margin: 0 0 0 21px;
}
/*---------- 吉田喜源治の社会運動のボタン ----------*/
a.btn_ichiran {
  font-size: 20px; 
  width: 260px;
  line-height: 35px;
  color: #6495ed;
  background-color:#ececec;
  text-align: center;
  display: block;
  border-width: 3px;
  border-style: solid;
  border-color: #6495ed;
  text-decoration: none;
  padding: 7px 0 4px 0;
  border-radius: 7px;
  margin: 0 0 0 21px;
}
a.btn_ichiran:hover {
  font-size: 20px;
  color: #ffffff;
  background-color: #6495ed;
  margin: 0 0 0 21px;
}

/*---------- リンクボタンここまで ----------*/
/*---------- コンテンツここまで ----------*/

/*---------- ■■■■■■■■■■　フッター　■■■■■■■■■■ ----------*/

/*---------- フッター部分 ----------*/
.footer {
  clear: both;
  width: 100%;
  margin: 40px 0 0 0;
  padding: 15px 0 15px 0px;
  text-align: left;
  font-size: 14px;
  color: #333333;
  border-top: solid 2px #999999;
  background-color: #ffffff;
}
/*---------- フッターのメニュー ----------*/
p.footer_menu {
  margin: 0;
  padding: 0 0 15px 68px;
  text-align: left;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0.1em;
}
.footer a {
  color: #333333;
  font-size: 16px;
  text-decoration: none;
}
.footer a:hover {
  color: #800080;
  font-size: 16px;
  text-decoration: none;
}
/*---------- フッターのメニューの区切り ----------*/
span.kugiri {
  font-size: 16px;
  font-weight:bold;
}
/*---------- スマホ版でフッターのメニューを改行して縦表示にするが、 ----------*/
/*---------- PC版では改行しないため、desktopの方を改行なしにしている ----------*/
p.footer_menu br{
  display:none;
}
/*---------- スマホ版でフッターのメニューの文頭に■を表示するが、 ----------*/
/*---------- PC版では表示しないため、desktopでは表示なしにしている ----------*/
span.shikaku {
  display:none;
}
/*---------- 著作権表示 ----------*/
p.chosakuken {
  margin: 0;
  padding: 0 0 15px 68px;
  text-align: left;
  font-size: 12px;
  color: #333333;
}
/*---------- フッターここまで ----------*/