diff --git a/_redirects b/_redirects new file mode 100644 index 0000000..224e8aa --- /dev/null +++ b/_redirects @@ -0,0 +1,4 @@ +# These rules will change if you change your site’s custom domains or HTTPS settings + +# Redirect default Netlify subdomain to primary domain +https://disqlo.netlify.com/* https://disqlo.com/:splat 301! \ No newline at end of file diff --git a/css/minireset.min.css b/css/minireset.min.css new file mode 100644 index 0000000..45b1ec8 --- /dev/null +++ b/css/minireset.min.css @@ -0,0 +1 @@ +/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,iframe,object,video{height:auto;max-width:100%}audio{max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left} \ No newline at end of file diff --git a/css/print.css b/css/print.css new file mode 100644 index 0000000..4cbded2 --- /dev/null +++ b/css/print.css @@ -0,0 +1,188 @@ +@charset "utf-8"; + +body, +input, +textarea { + color: #000; + font-size: 2.06vw; + line-height: 2.56vh; + font-family: "Noto Serif JP", serif; +} + +.toggle:checked + .select { + display: block; +} + +.input__set { + display: none; +} + +.input__choice { + display: block; + margin-bottom: 1rem; +} + +.order07 .input__choice::after { + content: " の規定により、次のとおり文書の公開を請求します。"; +} + +.order08 .input__textarea { + display: block; + height: 14rem; + border-radius: 0; +} + +.order08 .input__textarea, +.order09 .input__choice { + position: relative; + padding: .8rem 1rem .8rem calc(28% + 1rem); + border: 1px solid #000; +} + +.order09 .input__choice { + border-top-width: 0; +} + +.order08 .input__content::before, +.order09 .input__choice::before { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 28%; + padding: .8rem 1rem; + border-right: 1px solid #000; +} + +.order08 .input__content::before { + content: "公開請求に係る文書の件名又は内容"; +} + +.order09 .input__choice::before { + content: "求める公開の方法"; +} + +.header { + display: none; +} + +.title { + display: none; +} + +.container { + padding: 0; +} + +.container__inner { + display: flex; + position: static; + flex-direction: column; + max-width: initial; + padding: 10.8% 8.6% 0 10.8%; + box-shadow: none; +} + +.input { + margin-bottom: 0; +} + +.input__title { + display: none; +} + +.input__text, +.input__textarea { + display: block; + width: 100%; + height: auto; + padding: 0; + border-width: 0; + background: transparent; + resize: none; + appearance: none; +} + +.button { + display: none; +} + +.order01 { + order: 1; +} + +.order02 { + order: 2; +} + +.order03 { + order: 3; +} + +.order04 { + order: 4; +} + +.order05 { + order: 5; +} + +.order01 .input__text, +.order03 .input__text, +.order04 .input__text, +.order05 .input__text { + text-align: right; +} + +.order06 { + display: block; + order: 6; + margin: 2rem 0; + font-size: 3.2vw; + line-height: 1; + text-align: center; +} + +.order07 { + order: 7; + text-indent: 1em; +} + +.order08 { + order: 8; +} + +.order09 { + order: 9; + margin-bottom: 1rem; +} + +.print__notes { + display: block; + order: 10; + border: 1px solid #000; +} + +.print__notes_title { + position: relative; + height: 5rem; + padding: .8rem 1rem; +} + +.print__notes_title::after { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 28%; + border-right: 1px solid #000; + content: ""; +} + +.print__notes_title:first-child { + border-bottom: 1px solid #000; +} + +.notes { + display: none; +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..1a40d64 --- /dev/null +++ b/css/style.css @@ -0,0 +1,365 @@ +@charset "utf-8"; +@import "./minireset.min.css"; + +:root { + --color-orange: #d96e11; + --color-navy: #1a354d; + --color-green: #00c3b4; + --color-white: #fff; + --color-text: #444; +} + +html { + font-size: 16px; +} + +body { + background-color: var(--color-navy); + font-family: "Noto Sans JP", sans-serif; +} + +input, +textarea, +button { + font-size: 1rem; + font-family: "Noto Sans JP", sans-serif; + appearance: none; +} + +a { + color: var(--color-green); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.toggle { + display: none; +} + +.modal { + display: none; + position: relative; + top: 0; + left: 0; + z-index: 1; + overflow: scroll; + width: 100%; + height: 100%; + background-color: var(--color-white); + opacity: 0; + transition: opacity .2s ease-in-out; +} + +.toggle:checked ~ .modal { + display: block; + position: fixed; + opacity: 1; +} + +.toggle:checked ~ .input .input__set { + display: block; + position: fixed; + top: 2rem; + right: 2rem; + left: 2rem; + z-index: 2; + margin: 0 auto; + margin-right: 0; + padding: .4em .8em; + border: 4px solid var(--color-orange); + border-radius: 100px; + background-color: var(--color-white); + color: var(--color-orange); + text-align: center; +} + +.toggle:checked ~ .input .input__set_notes { + display: none; +} + +.modal__inner { + padding: 8rem 4rem 4rem; +} + +.modal__list { + margin-bottom: 2rem; + letter-spacing: -1em; +} + +.modal__item { + display: inline-block; + width: 12.5%; + letter-spacing: normal; +} + +.modal__item.-large { + width: 33.3333%; +} + +.modal__select { + display: block; + padding: 1rem 0; + cursor: pointer; +} + +.select { + display: none; +} + +.toggle:checked + .select { + display: inline-block; +} + +.print__title { + display: none; +} + +.header { + padding-bottom: 4rem; + background-color: var(--color-navy); + text-align: center; +} + +.header__inner { + max-width: 1080px; + margin: 0 auto; + padding: 6rem 0 4rem; +} + +.header__logo { + max-width: 450px; + margin: 0 auto 2rem; +} + +.header__image { + width: 100%; +} + +.header__content { + color: var(--color-orange); + font-size: 1rem; +} + +.container { + padding-bottom: 2rem; + background-color: var(--color-orange); +} + +.container__inner { + position: relative; + top: -4rem; + max-width: 1080px; + margin: 0 auto; + padding: 2.8rem 4rem; + box-shadow: 0 .2rem .2rem rgba(0,0,0,.2); + background-color: var(--color-white); +} + +.title { + margin: 6rem 0 2em; + font-size: 1.4rem; +} + +.title:first-child { + margin-top: 0; +} + +.input { + display: table; + width: 100%; + margin-bottom: 4rem; +} + +.input__title { + margin-bottom: 1rem; + font-size: 1rem; +} + +.input__content { + position: relative; +} + +.input__text { + display: block; + position: relative; + width: 100%; + height: 100%; + padding: 1.2em 0; + border-width: 0 0 1px 0; + outline: none; +} + +.input__focus { + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 0; + height: 1px; + background-color: var(--color-navy); + content: ""; + transition: width .2s ease-in-out; +} + +.input__text:not(:placeholder-shown) + .input__focus { + width: 100%; + background-color: var(--color-green); +} + +.input__text:focus + .input__focus { + width: 100%; +} + +.input__textarea { + box-sizing: border-box; + width: 100%; + height: 10em; + padding: 1.2em 1.4em; + border: 1px solid #ddd; + border-radius: .2em; + resize: vertical; +} + +.input__submit { + text-align: center; +} + +.input__set { + display: inline-block; + margin-right: 1em; +} + +.input__choice { + display: none; +} + +.print__notes { + display: none; +} + +.button { + display: inline-block; + padding: 1.2em 4em; + border-width: 0; + border-radius: .2em; + background-color: var(--color-green); + color: #fff; + cursor: pointer; + outline: none; + transition: opacity .2s ease-in-out; + appearance: none; +} + +.button.-select { + padding: .8em 1.4em; + border: 1px solid #ddd; + background-color: #eee; + color: var(--color-text); +} + +.button:hover { + opacity: .8; +} + +.notes { + background-color: var(--color-navy); + color: var(--color-orange); +} + +.notes__inner { + max-width: 980px; + margin: 0 auto; + padding: 6rem 0 4rem; +} + +.notes__inner p { + margin-bottom: 2rem; +} + +.notes__title { + margin-bottom: 2rem; + font-size: 1.4rem; +} + +.notes__title.-sub { + margin-bottom: 1rem; +} + +.notes__copyright { + text-align: center; +} + +@media (max-width : 768px) { + input, + textarea, + button { + border-radius: 0; + } + + .modal__inner { + padding: 6rem 2rem 2rem; + } + + .modal__item { + width: 33.3333%; + } + + .modal__item.-large { + width: 100%; + } + + .input__set { + margin-bottom: 1rem; + } + + .header { + padding-bottom: 2rem; + } + + .header__inner { + padding: 4rem 0 2rem; + } + + .header__logo { + margin: 0 4rem 1rem; + } + + .container { + padding: 0 10px 2rem; + } + + .container__inner { + top: -2rem; + padding: 1.4rem 2rem; + } + + .title { + margin: 4rem 0 1.4em; + font-size: 18px; + } + + .input { + margin-bottom: 2rem; + } + + .notes__inner { + padding: 4rem 2rem 2rem; + } + + .notes__inner p { + margin-bottom: 1.6rem; + font-size: .8rem; + } + + .notes__title { + margin-bottom: 1.6rem; + font-size: 1rem; + } + + .notes__copyright { + font-size: .8rem; + } +} diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..346c540 Binary files /dev/null and b/favicon.ico differ diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 0000000..7f3da81 Binary files /dev/null and b/img/logo.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..e330f2e --- /dev/null +++ b/index.html @@ -0,0 +1,527 @@ + + + + + + + +ディスクロ - 文書公開請求書作成ツール + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

ディスクロ

+

文書公開請求書作成ツール

+
+ +
+

提出情報

+ +
文書公開請求書
+ +
+
提出日
+
+
+ +
+
請求者住所
+
+
+ +
+
請求者氏名
+
+
+ +
+
請求者電話番号
+
+
+ +

請求先情報

+ +
+
宛先
+
+
+ +
+ +
+
請求先都道府県
+
+ + +
+
北海道 + 北海道情報公開条例
+
北海道情報公開条例第9条
+
+ +
+
青森県 + 青森県情報公開条例
+
青森県情報公開条例第5条
+
+ +
+
岩手県 + 情報公開条例
+
情報公開条例第5条
+
+ +
+
宮城県 + 情報公開条例
+
情報公開条例第4条
+
+ +
+
秋田県 + 秋田県情報公開条例
+
秋田県情報公開条例第5条
+
+ +
+
山形県 + 山形県情報公開条例
+
山形県情報公開条例第4条
+
+ +
+
福島県 + 福島県情報公開条例
+
福島県情報公開条例第5条
+
+ +
+
茨城県 + 茨城県情報公開条例
+
茨城県情報公開条例第5条
+
+ +
+
栃木県 + 栃木県情報公開条例
+
栃木県情報公開条例第5条
+
+ +
+
群馬県 + 群馬県情報公開条例
+
群馬県情報公開条例第11条
+
+ +
+
埼玉県 + 埼玉県情報公開条例
+
埼玉県情報公開条例第7条第5項
+
+ +
+
千葉県 + 千葉県情報公開条例
+
千葉県情報公開条例第5条第3項
+
+ +
+
東京都 + 東京都情報公開条例
+
東京都情報公開条例第5条
+
+ +
+
神奈川県 + 神奈川県情報公開条例
+
神奈川県情報公開条例第4条
+
+ +
+
新潟県 + 新潟県情報公開条例
+
新潟県情報公開条例第5条
+
+ +
+
富山県 + 富山県情報公開条例
+
富山県情報公開条例第5条
+
+ +
+
石川県 + 石川県情報公開条例
+
石川県情報公開条例第5条
+
+ +
+
福井県 + 福井県情報公開条例
+
福井県情報公開条例第5条
+
+ +
+
山梨県 + 山梨県情報公開条例
+
山梨県情報公開条例第5条
+
+ +
+
長野県 + 長野県情報公開条例
+
長野県情報公開条例第5条
+
+ +
+
岐阜県 + 岐阜県情報公開条例
+
岐阜県情報公開条例第5条
+
+ +
+
静岡県 + 静岡県情報公開条例
+
静岡県情報公開条例第5条
+
+ +
+
愛知県 + 愛知県情報公開条例
+
愛知県情報公開条例第5条
+
+ +
+
三重県 + 三重県情報公開条例
+
三重県情報公開条例第5条
+
+ +
+
滋賀県 + 滋賀県情報公開条例
+
滋賀県情報公開条例第4条
+
+ +
+
京都府 + 京都府情報公開条例
+
京都府情報公開条例第4条
+
+ +
+
大阪府 + 大阪府情報公開条例
+
大阪府情報公開条例第6条
+
+ +
+
兵庫県 + 情報公開条例
+
情報公開条例第4条
+
+ +
+
奈良県 + 奈良県情報公開条例
+
奈良県情報公開条例第5条
+
+ +
+
和歌山県 + 和歌山県情報公開条例
+
和歌山県情報公開条例第5条
+
+ +
+
鳥取県 + 鳥取県情報公開条例
+
鳥取県情報公開条例第5条
+
+ +
+
島根県 + 島根県情報公開条例
+
島根県情報公開条例第5条
+
+ +
+
岡山県 + 岡山県行政情報公開条例
+
岡山県行政情報公開条例第5条
+
+ +
+
広島県 + 広島県情報公開条例
+
広島県情報公開条例第5条
+
+ +
+
山口県 + 山口県情報公開条例
+
山口県情報公開条例第5条
+
+ +
+
徳島県 + 徳島県情報公開条例
+
徳島県情報公開条例第5条
+
+ +
+
香川県 + 香川県情報公開条例
+
香川県情報公開条例第5条
+
+ +
+
愛媛県 + 愛媛県情報公開条例
+
愛媛県情報公開条例第5条
+
+ +
+
高知県 + 高知県情報公開条例
+
高知県情報公開条例第5条
+
+ +
+
福岡県 + 福岡県情報公開条例
+
福岡県情報公開条例第5条
+
+ +
+
佐賀県 + 佐賀県情報公開条例
+
佐賀県情報公開条例第5条
+
+ +
+
長崎県 + 長崎県情報公開条例
+
長崎県情報公開条例第5条
+
+ +
+
熊本県 + 熊本県情報公開条例
+
熊本県情報公開条例第5条
+
+ +
+
大分県 + 大分県情報公開条例
+
大分県情報公開条例第5条
+
+ +
+
宮崎県 + 宮崎県情報公開条例
+
宮崎県情報公開条例第5条
+
+ +
+
鹿児島県 + 鹿児島県情報公開条例
+
鹿児島県情報公開条例第5条
+
+ +
+
沖縄県 + 沖縄県情報公開条例
+
沖縄県情報公開条例第5条
+
+ + +
+
+ +
+
+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+
+
+
+
+ +
+
請求文書の件名又は内容
+
+
+ +
+ +
+
公開方法
+
+ + +
+
閲覧・聴取・視聴
+
■ 閲覧、聴取又は視聴を希望します。
□ 写し（複写）の交付を希望します（□ 送付希望）。
+
+ +
+
写しの交付
+
□ 閲覧、聴取又は視聴を希望します。
■ 写し（複写）の交付を希望します（□ 送付希望）。
+
+ +
+
写しの交付（送付希望）
+
□ 閲覧、聴取又は視聴を希望します。
■ 写し（複写）の交付を希望します（■ 送付希望）。
+
+ + +
+
+ +
+
+
    +
    • +
    • +
    • +
+
+
+
+
+ +
+
担当
+
備考
+
+ +
+
+ + + \ No newline at end of file diff --git a/ogp.png b/ogp.png new file mode 100644 index 0000000..a7c7969 Binary files /dev/null and b/ogp.png differ