データ引用・利用規定 申請・依頼フォーム

※リリース引用に関する申し込み


本ホームページ上で公開している「地域ブランド調査2019プレスリリース」の内容およびデータを引用される場合、利用・掲載状況など下記の入力フォームをご記入の上、「送信」のボタンを押して申請いただければ、特別な許可は必要ございません。
ただし、営業を目的として利用する場合は、制限および利用料金が発生する場合がありますので、担当者までご連絡ください。
データを引用・転載される際には必ず 『 出典:「地域ブランド調査2019」(ブランド総合研究所) 』と明記をしていただくようお願いいたします(表記方法は貴メディアの規定に準じます)。
なお、リリースに発表している内容・データ以外を利用する場合は、該当するデータ・内容を記載している報告書等をお求めいただいた上で、利用・記載内容を担当者までご連絡いただきますよう、お願いします。


貴団体・社名 例)株式会社◯◯
貴社媒体名
掲載・放映日(予定含む)
ご担当者名 フルネームでご記入ください
連絡先電話番号 03-3539-3011
メールアドレス

tanto@tiiki.jp
引用されるデータ概要
ご質問・要望
@charset "utf-8"; /*---------------------------------------------------------------------------------------------------- Init ----------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------- Reset --------------------------------------------------*/ body { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, blockquote, div, th, td, a { margin: 0; padding: 0; word-break: break-all; } /*-- for iOS --*/ input[type = 'submit'], input[type = 'button'] { -webkit-appearance: button; appearance: button; } input[type = 'submit']: : -webkit-search-decoration, input[type = 'button']: : -webkit-search-decoration { display: none; } input[type = 'submit']: : focus, input[type = 'button']: : focus { outline-offset: -2px; } /*-------------------------------------------------- Some Tags Setting --------------------------------------------------*/ /*-- 全体 --*/ html { overflow-y: scroll; font-size: 62.5%; } body { font-size: 1.4rem; font-family: '-apple-system', 'BlinkMacSystemFont', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック Medium', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; } /*-- リスト --*/ ul { list-style-type: none; } /*-- テーブル --*/ table { table-layout: fixed; width: 100%; margin-bottom: 20px; border-collapse: collapse; } th { padding: 10px; font-size: 1.4rem; border: 1px solid #ddd; background: #f5f5f5; } td { padding: 10px; font-size: 1.4rem; border: 1px solid #ddd; background: #fff; } /*-- リンク --*/ a { text-decoration: none; font-size: 1.4rem; color: #4a89c9; } a: hover { text-decoration: underline; color: #4a89c9; } /*-- 画像 --*/ img { vertical-align: bottom; border: 0; } /*-- 段落 --*/ p { line-height: 1.4; } /*-------------------------------------------------- Form Parts Setting --------------------------------------------------*/ /*-- 全体 --*/ input, select, option, textarea { box-sizing: border-box; font-family: '-apple-system', 'BlinkMacSystemFont', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック Medium', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; } /*-- テキスト系 --*/ input[type = 'text'], input[type = 'password'], input[type = 'email'], input[type = 'url'] { width: 100%; padding: 10px; font-size: 1.4rem; border: 1px solid #ddd; } /*-- 数値 --*/ input[type = 'number'] { padding: 10px; font-size: 1.4rem; border: 1px solid #ddd; } /*-- ボタン系 --*/ input[type = 'submit'], input[type = 'button'], button { cursor: pointer; padding: 5px 10px; font-size: 1.4rem; border: 1px solid #ddd; border-radius: 2px; background: #fff; } input[type = 'submit']: hover, input[type = 'button']: hover, button: hover { background: #f5f5f5; } /*-- ラジオボタン、チェックボックス --*/ input[type = 'checkbox'], input[type = 'radio'] { cursor: pointer; margin-right: 5px; vertical-align: middle; } label { cursor: pointer; font-size: 1.4rem; vertical-align: middle; } /*-- プルダウン --*/ select { cursor: pointer; font-size: 1.4rem; border: 1px solid #ddd; border-radius: 2px; background: #fff; } option { padding: 10px; } /*-- テキストエリア --*/ textarea { width: 100%; height: 100px; padding: 10px; font-size: 1.4rem; border: 1px solid #ddd; } /*-- プレースホルダー --*/ : : -webkit-input-placeholder { color: #bbb; opacity: 1; } : -ms-input-placeholder { color: #bbb; } : placeholder-shown { color: #bbb; } /*---------------------------------------------------------------------------------------------------- Base ----------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------- Site --------------------------------------------------*/ /*-- インナー(横幅はここで制御) --*/ .common_inner { box-sizing: border-box; max-width: 1218px; margin: 0 auto; padding: 0 10px; } .common_inner_min { box-sizing: border-box; max-width: 600px; margin: 0 auto; padding: 0 10px; } .common_inner_min_inner { padding: 10px; background: #f5f5f5; } /*-- 見出し --*/ .title_l { position: relative; margin-bottom: 10px; padding: 4px 0 10px 0; font-size: 2.6rem; font-weight: normal; } .title_m { margin-bottom: 10px; padding: 4px 0 10px 0; font-size: 1.8rem; font-weight: normal; border-bottom: 1px solid #ddd; } .title_s { margin-bottom: 5px; padding: 4px 0 0 0; font-size: 1.6rem; font-weight: bold; /* border-bottom: 1px solid #ddd; */ } /*-- 見出しオプション: 補足テキスト --*/ .add_bottom { display: block; margin-top: 5px; font-size: 1.2rem; color: #aaa; } .add_right { position: absolute; right: 0; top: 0; display: flex; height: 100%; } .add_right_inner { align-self: center; } .add_right .btn_set { padding: 0; } /*-- 段落 --*/ .cont_l { margin-bottom: 40px; } .cont_m { margin-bottom: 30px; } .cont_m_both { margin-bottom: 30px 0; } .cont_s { margin-bottom: 20px; } .cont_s: last-child { margin-bottom: 0; } .cont_s_both { margin: 20px 0; } .cont_ss { margin-bottom: 10px; } .cont_ss: last-child { padding: 0; } .cont_inline { display: inline-block; } .cont_s_p { padding: 10px !important; } .main_wrap { margin-bottom: 40px; } /*-------------------------------------------------- Layout --------------------------------------------------*/ /*-- 大枠 --*/ .layout_set { display: table; table-layout: fixed; width: 100%; margin-bottom: 40px; } .layout_one { display: table-cell; padding-right: 20px; vertical-align: top; } .layout_one: last-child { padding-right: 0; } @media (max-width: 800px){ .layout_set { display: block; box-sizing: border-box; } .layout_one { display: block; box-sizing: border-box; padding-right: 0; } } /*-- ヘッダー --*/ .header { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #ddd; background: #fff; } .header h1 { display: inline-block; line-height: 0; } /*.header.fixed { position: relative; left: 0; top: 0; z-index: 999999; }*/ .header_set { display: table; table-layout: fixed; width: 100%; } .header_item { display: table-cell; vertical-align: middle; } .header_item_l { width: 240px; } .header_item_c { padding: 0 20px; text-align: center; } .header_item_c a { display: inline-block; } .header_item_c img { max-width: 200px; } .header_item_c_inner { display: flex; justify-content: center; align-items: center; width: 100%; } .header_item_r { width: 240px; } .header_item_r a { display: inline-block; padding: 5px 10px; color: #333; border-radius: 4px; background: #f5f5f5; } .header_item_r a: hover { color: #333; } @media (max-width: 800px){ .header_search { display: none; } .header_item_l { width: 80px; } .header_item_c img { max-width: 130px; } .header_item_r { width: 80px; } .header_item_r a { display: none; } } .site_description { padding-bottom: 20px; font-size: 1.2rem; color: #999; text-align: center; } /*-- ヘッダー:固定 --*/ @media (max-width: 800px){ .header { position: fixed; left: 0; top: 0; z-index: 999999; padding-bottom: 5px; } .site_container { padding-top: 80px; } .drawer_menu { padding-top: 60px; } } /*-- フッター --*/ .footer { padding: 20px 0; border-top: 1px solid #ddd; } .footer_set { display: table; table-layout: fixed; width: 100%; } .footer_item { display: table-cell; vertical-align: top; } .footer_logo { width: 180px; padding-right: 20px; padding-top: 35px; } .footer_logo img { width: 100%; max-width: 140px; } .footer_list_title { padding: 0 0 10px 0; font-weight: bold; color: #aaa; } .footer_list_set { display: table; table-layout: fixed; width: 100%; } .footer_list_item { display: table-cell; vertical-align: top; } .footer_list_item a { display: block; padding: 5px 0; color: #333; } .footer_list_item a: hover { color: #333; } .footer_link a { display: inline-block; margin-right: 5px; margin-bottom: 5px; } .footer_link i { font-size: 4.0rem; } .footest { padding: 10px 0; border-top: 1px solid #ddd; } .footest_set { display: flex; justify-content: space-between; width: 100%; } .footest_item { color: #aaa; vertical-align: top; } .footer .common_inner { padding: 0; } @media (max-width: 800px){ .footer_set { display: block; box-sizing: border-box; } .footer_item { display: block; box-sizing: border-box; width: 100%; padding: 10px 0; } .footer_logo { padding-right: 0; text-align: center; } .footer_list_title { text-align: center; } .footer_list_set { display: block; box-sizing: border-box; } .footer_list_item { display: block; box-sizing: border-box; } .footer_list_item a { position: relative; display: block; padding: 10px 25px 10px 10px; border-bottom: 1px solid #ddd; } .footer_list_item a: : before { position: absolute; right: 10px; top: 50%; content: ''; width: 2px; height: 8px; margin-top: -2px; border-radius: 4px; background: #aaa; transform: rotate(45deg); } .footer_list_item a: : after { position: absolute; right: 10px; bottom: 50%; content: ''; width: 2px; height: 8px; margin-bottom: -2px; border-radius: 4px; background: #aaa; transform: rotate(-45deg); } .footer_list_item a: hover { text-decoration: none; } .footer_list_item li: first-child a { border-top: 1px solid #ddd; } .footer_category { display: none; } .footer_link { text-align: center; } .footest { margin-bottom: 100px; } .footest_set { display: block; box-sizing: border-box; } .footest_item { display: block; box-sizing: border-box; font-size: 1.0rem; text-align: center!important; } } /*-- フッター:ページ上部へ --*/ #movetop { display: none; position: fixed; right: 10px; bottom: 10px; z-index: 50; } #movetop a { display: flex; justify-content: center; align-items: center; text-decoration: none; width: 40px; height: 40px; font-size: 2.0rem; color: #fff; line-height: 1.5; text-align: center; border-radius: 50%; background: #004c93; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1); } #movetop a: hover { text-decoration: none; } /*-- ボタン --*/ .btn_set { padding: 10px 0; } .btn_set form { display: inline-block; } .btn_item { display: inline-block; margin-right: 5px; margin-bottom: 5px; vertical-align: middle; } .btn_item: last-child { margin-right: 0; } .btn { display: inline-block; padding: 5px 10px; vertical-align: middle; color: #333!important; border: 1px solid #ddd!important; border-radius: 4px!important; background: #fff; cursor: pointer; } .btn: hover { text-decoration: none; color: #333!important; } /*-- ボタン(ワイド版) --*/ .btn_wide { display: block; } /*-- ボタン(色違い) --*/ .btn_positive { color: #fff!important; border-color: #004c93!important; background: #004c93!important; } .btn_positive: hover { color: #fff!important; background: #004c93!important; } .btn_focus { color: #fff!important; border-color: #d9534f!important; background: #d9534f!important; } .btn_focus: hover { color: #fff!important; background: #d9534f!important; } /*-- ボタン(アクティブ版) --*/ .btn.active { color: #fff!important; border-color: #004c93; background: #004c93; } .btn.active: hover { color: #fff!important; background: #004c93; } /*-- ボタン(記事用) --*/ .btn_detail { padding: 10px 20px!important; font-size: 1.6rem!important; font-weight: bold!important; } /*-- 入力必須 --*/ .must: : before { content: '*'; display: inline-block; margin-right: 5px; color: #ff0000; } /*-- エラー --*/ .error { margin-bottom: 10px; padding: 10px; color: #d10000; border: 1px solid #d10000; background: #ffeded; } /*-- チェック --*/ .check_set { display: flex; justify-content: center; } .check_icon { flex-basis: auto; align-self: center; } .check_label { align-self: center; } /*-- 補足情報 --*/ .sub { display: block; font-size: 1.4rem; font-weight: normal; color: #999; } .sub_top { padding-bottom: 5px; } .sub_bottom { padding-top: 5px; } /*-- ラベル --*/ .block_label { display: block; width: 100%; margin-bottom: 5px; } .inline_label { display: inline-block; vertical-align: middle; } /*---------------------------------------------------------------------------------------------------- ListFinder ----------------------------------------------------------------------------------------------------*/ .main_wrap { max-width: 878px; margin: 40px auto; } .main_wrap h2 { margin: 10px 0 20px 0; } @media (max-width: 800px){ .main_wrap { margin-top: 80px; padding: 10px; } } /*-- form --*/ @charset "utf-8"; /*---------------------------------------------------------------------------------------------------- Init ----------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------- Reset --------------------------------------------------*/ body { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, blockquote, div, th, td, a { margin: 0; padding: 0; word-break: break-all; } /*-- for iOS --*/ input[type = 'submit'], input[type = 'button'] { -webkit-appearance: button; appearance: button; } input[type = 'submit']: : -webkit-search-decoration, input[type = 'button']: : -webkit-search-decoration { display: none; } input[type = 'submit']: : focus, input[type = 'button']: : focus { outline-offset: -2px; } /*-------------------------------------------------- Some Tags Setting --------------------------------------------------*/ /*-- 全体 --*/ html { overflow-y: scroll; font-size: 62.5%; } body { font-size: 1.4rem; font-family: '-apple-system', 'BlinkMacSystemFont', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック Medium', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; } /*-- リスト --*/ ul { list-style-type: none; } /*-- テーブル --*/ table { table-layout: fixed; width: 100%; margin-bottom: 20px; border-collapse: collapse; } th { padding: 10px; font-size: 1.4rem; border: 1px solid #ddd; background: #f5f5f5; } td { padding: 10px; font-size: 1.4rem; border: 1px solid #ddd; background: #fff; } /*-- リンク --*/ a { text-decoration: none; font-size: 1.4rem; color: #4a89c9; } a: hover { text-decoration: underline; color: #4a89c9; } /*-- 画像 --*/ img { vertical-align: bottom; border: 0; } /*-- 段落 --*/ p { line-height: 1.4; } /*-------------------------------------------------- Form Parts Setting --------------------------------------------------*/ /*-- 全体 --*/ input, select, option, textarea { box-sizing: border-box; font-family: '-apple-system', 'BlinkMacSystemFont', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック Medium', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif; } /*-- テキスト系 --*/ input[type = 'text'], input[type = 'password'], input[type = 'email'], input[type = 'url'] { width: 100%; padding: 10px; font-size: 1.4rem; border: 1px solid #ddd; } /*-- 数値 --*/ input[type = 'number'] { padding: 10px; font-size: 1.4rem; border: 1px solid #ddd; } /*-- ボタン系 --*/ input[type = 'submit'], input[type = 'button'], button { cursor: pointer; padding: 5px 10px; font-size: 1.4rem; border: 1px solid #ddd; border-radius: 2px; background: #fff; } input[type = 'submit']: hover, input[type = 'button']: hover, button: hover { background: #f5f5f5; } /*-- ラジオボタン、チェックボックス --*/ input[type = 'checkbox'], input[type = 'radio'] { cursor: pointer; margin-right: 5px; vertical-align: middle; } label { cursor: pointer; font-size: 1.4rem; vertical-align: middle; } /*-- プルダウン --*/ select { cursor: pointer; font-size: 1.4rem; border: 1px solid #ddd; border-radius: 2px; background: #fff; } option { padding: 10px; } /*-- テキストエリア --*/ textarea { width: 100%; height: 100px; padding: 10px; font-size: 1.4rem; border: 1px solid #ddd; } /*-- プレースホルダー --*/ : : -webkit-input-placeholder { color: #bbb; opacity: 1; } : -ms-input-placeholder { color: #bbb; } : placeholder-shown { color: #bbb; } /*---------------------------------------------------------------------------------------------------- Base ----------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------- Site --------------------------------------------------*/ /*-- インナー(横幅はここで制御) --*/ .common_inner { box-sizing: border-box; max-width: 1218px; margin: 0 auto; padding: 0 10px; } .common_inner_min { box-sizing: border-box; max-width: 600px; margin: 0 auto; padding: 0 10px; } .common_inner_min_inner { padding: 10px; background: #f5f5f5; } /*-- 見出し --*/ .title_l { position: relative; margin-bottom: 10px; padding: 4px 0 10px 0; font-size: 2.6rem; font-weight: normal; } .title_m { margin-bottom: 10px; padding: 4px 0 10px 0; font-size: 1.8rem; font-weight: normal; border-bottom: 1px solid #ddd; } .title_s { margin-bottom: 5px; padding: 4px 0 0 0; font-size: 1.6rem; font-weight: bold; /* border-bottom: 1px solid #ddd; */ } /*-- 見出しオプション: 補足テキスト --*/ .add_bottom { display: block; margin-top: 5px; font-size: 1.2rem; color: #aaa; } .add_right { position: absolute; right: 0; top: 0; display: flex; height: 100%; } .add_right_inner { align-self: center; } .add_right .btn_set { padding: 0; } /*-- 段落 --*/ .cont_l { margin-bottom: 40px; } .cont_m { margin-bottom: 30px; } .cont_m_both { margin-bottom: 30px 0; } .cont_s { margin-bottom: 20px; } .cont_s: last-child { margin-bottom: 0; } .cont_s_both { margin: 20px 0; } .cont_ss { margin-bottom: 10px; } .cont_ss: last-child { padding: 0; } .cont_inline { display: inline-block; } .cont_s_p { padding: 10px !important; } .main_wrap { margin-bottom: 40px; } /*-------------------------------------------------- Layout --------------------------------------------------*/ /*-- 大枠 --*/ .layout_set { display: table; table-layout: fixed; width: 100%; margin-bottom: 40px; } .layout_one { display: table-cell; padding-right: 20px; vertical-align: top; } .layout_one: last-child { padding-right: 0; } @media (max-width: 800px){ .layout_set { display: block; box-sizing: border-box; } .layout_one { display: block; box-sizing: border-box; padding-right: 0; } } /*-- ヘッダー --*/ .header { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #ddd; background: #fff; } .header h1 { display: inline-block; line-height: 0; } /*.header.fixed { position: relative; left: 0; top: 0; z-index: 999999; }*/ .header_set { display: table; table-layout: fixed; width: 100%; } .header_item { display: table-cell; vertical-align: middle; } .header_item_l { width: 240px; } .header_item_c { padding: 0 20px; text-align: center; } .header_item_c a { display: inline-block; } .header_item_c img { max-width: 200px; } .header_item_c_inner { display: flex; justify-content: center; align-items: center; width: 100%; } .header_item_r { width: 240px; } .header_item_r a { display: inline-block; padding: 5px 10px; color: #333; border-radius: 4px; background: #f5f5f5; } .header_item_r a: hover { color: #333; } @media (max-width: 800px){ .header_search { display: none; } .header_item_l { width: 80px; } .header_item_c img { max-width: 130px; } .header_item_r { width: 80px; } .header_item_r a { display: none; } } .site_description { padding-bottom: 20px; font-size: 1.2rem; color: #999; text-align: center; } /*-- ヘッダー:固定 --*/ @media (max-width: 800px){ .header { position: fixed; left: 0; top: 0; z-index: 999999; padding-bottom: 5px; } .site_container { padding-top: 80px; } .drawer_menu { padding-top: 60px; } } /*-- フッター --*/ .footer { padding: 20px 0; border-top: 1px solid #ddd; } .footer_set { display: table; table-layout: fixed; width: 100%; } .footer_item { display: table-cell; vertical-align: top; } .footer_logo { width: 180px; padding-right: 20px; padding-top: 35px; } .footer_logo img { width: 100%; max-width: 140px; } .footer_list_title { padding: 0 0 10px 0; font-weight: bold; color: #aaa; } .footer_list_set { display: table; table-layout: fixed; width: 100%; } .footer_list_item { display: table-cell; vertical-align: top; } .footer_list_item a { display: block; padding: 5px 0; color: #333; } .footer_list_item a: hover { color: #333; } .footer_link a { display: inline-block; margin-right: 5px; margin-bottom: 5px; } .footer_link i { font-size: 4.0rem; } .footest { padding: 10px 0; border-top: 1px solid #ddd; } .footest_set { display: flex; justify-content: space-between; width: 100%; } .footest_item { color: #aaa; vertical-align: top; } .footer .common_inner { padding: 0; } @media (max-width: 800px){ .footer_set { display: block; box-sizing: border-box; } .footer_item { display: block; box-sizing: border-box; width: 100%; padding: 10px 0; } .footer_logo { padding-right: 0; text-align: center; } .footer_list_title { text-align: center; } .footer_list_set { display: block; box-sizing: border-box; } .footer_list_item { display: block; box-sizing: border-box; } .footer_list_item a { position: relative; display: block; padding: 10px 25px 10px 10px; border-bottom: 1px solid #ddd; } .footer_list_item a: : before { position: absolute; right: 10px; top: 50%; content: ''; width: 2px; height: 8px; margin-top: -2px; border-radius: 4px; background: #aaa; transform: rotate(45deg); } .footer_list_item a: : after { position: absolute; right: 10px; bottom: 50%; content: ''; width: 2px; height: 8px; margin-bottom: -2px; border-radius: 4px; background: #aaa; transform: rotate(-45deg); } .footer_list_item a: hover { text-decoration: none; } .footer_list_item li: first-child a { border-top: 1px solid #ddd; } .footer_category { display: none; } .footer_link { text-align: center; } .footest { margin-bottom: 100px; } .footest_set { display: block; box-sizing: border-box; } .footest_item { display: block; box-sizing: border-box; font-size: 1.0rem; text-align: center!important; } } /*-- フッター:ページ上部へ --*/ #movetop { display: none; position: fixed; right: 10px; bottom: 10px; z-index: 50; } #movetop a { display: flex; justify-content: center; align-items: center; text-decoration: none; width: 40px; height: 40px; font-size: 2.0rem; color: #fff; line-height: 1.5; text-align: center; border-radius: 50%; background: #004c93; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1); } #movetop a: hover { text-decoration: none; } /*---------------------------------------------------------------------------------------------------- ListFinder ----------------------------------------------------------------------------------------------------*/ .main_wrap { max-width: 878px; margin: 40px auto; } .main_wrap h2 { margin: 10px 0 20px 0; } @media (max-width: 800px){ .main_wrap { margin-top: 80px; padding: 10px; } } /*-- form --*/ /* =================================== 設問エリアのレイアウト =================================== */ /* 設問エリア全体の設定 */ div.wrapper { max-width: 940px; margin: 10px auto 0 auto; background: white; } /*設問名のセルのデザイン */ td.label { width: 160px; color: #333; font-weight: bold; vertical-align: middle; /* ラベルの配置 セルの上部に表示したい場合は top */ background: #f5f5f5; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { width: 400px; /* 入力コントロールの幅に合わせて調整してください */ background: White; color: #333; } /* 設問の入力例/説明セルのデザイン */ td.comment { padding-left: 10px; background: White; } /* 入力セルの「氏」「名」の文字のデザイン */ span.label_name { padding-right: 5px; font-weight: bold; } /* 入力確認画面、完了画面の入力された文字のデザイン */ p.value { } /* ボタンの表示エリアの設定 */ div.button_area { margin: 0 auto; /* 中央に表示、上下に10pxの余白 */ text-align: center; /* 中央にボタンを表示 */ } /* 入力エラーメッセージのデザイン */ div.message { max-width: 940px; padding: 10px; /* メッセージテキストと背景色の隙間のサイズ */ margin: 10px auto; /* 上 右 下 左 の隙間のサイズ */ font-weight: bold; color: #d10000; background: LightYellow; } /* 公開終了メッセージのデザイン */ div.finished-message { padding: 5px 10px 5px 10px; /* メッセージテキストと背景色の隙間のサイズ */ margin: 10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */ font-weight: bold; color: Crimson; background: MistyRose; } /* =================================== 入力コントロールのデザイン =================================== */ /* 確認/送信/戻る/登録ボタン */ input[type=button] { background: #808000; /* ボタンの色 */ padding: 20px; /* ボタンの文字の 上 右 下 左 の隙間のサイズ */ margin: 0px 10px 0px 10px; /* 確認画面に表示される2つのボタンの左右の余白サイズ */ border: none; /* ボタンに枠線をつけたい場合は、ここを設定してください */ color: white; /* 文字の色 */ font-size: 1.8rem; } input[type=button]: hover { cursor: pointer; } /* 入力中のフィールドの背景色 */ /* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */ input[type="text"]: focus { background-color: LightYellow; } /* テキストボックス */ select: focus { background-color: LightYellow; } /* プルダウン */ textarea: focus { background-color: LightYellow; } /* テキストエリア */ /* =================================== 必須項目のマークおよびメッセージなど =================================== */ /* 必須項目のマーク */ span.required { padding-left: 10px; font-weight: bold; color: #d10000; } span.required: after { /* ここを編集することで表示されるマークを変更できます */ content: "※必須"; } /* 必須項目についての説明文 */ p.required_msg { text-align: left; margin-bottom: 10px; font-weight: bold; color: #d10000; } p.required_msg: after { /* ここを編集することで表示されるマークを変更できます */ content: "「※必須」となっている項目は必ず入力してください。"; } /* メールアドレスの再入力メッセージ */ p.label_mail { margin: 5px 0; font-weight: bold; } p.label_mail: after { /* ここを編集することで表示されるメッセージを変更できます */ content: "確認のため、もう一度メールアドレスを入力してください"; } /* ボタンホバー時 */ input[type="button"]: hover { background: #808000; } /* =================================== スマートフォン表示用のレイアウト =================================== */ @media screen and ( max-width: 800px ) { /* フォームエリア全体の設定 */ div.container { width: 100%; } /* 設問エリア全体の設定 */ div.wrapper { width: 100%; } /* 設問の表 */ table.items { width: 100%; } td { border: 0; color: #333; } /*設問名のセルのデザイン */ td.label { float: left; width: 100%; padding-top: 10px; box-sizing: border-box; } /* 入力エラーメッセージのデザイン */ div.message { max-width: 95%; } /* 必須項目のマーク */ span.required { float: initial; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { float: left; width: 100%; /* 入力コントロールの幅に合わせて調整してください */ padding-bottom: 10px; box-sizing: border-box; } /* 設問の入力例/説明セルのデザイン */ td.comment { float: left; width: 95%; color: #666; padding-top: 0; } /* 設問の入力例/テキストボックス */ input[type="text"]{ width: 100% !important; } /* 設問の入力例/テキストエリア */ textarea { width: 95%; height: 100px; } /* ボタンの表示エリアの設定 */ div.button_area { width: 95%; } } /*-- おわり --*/
プライバシーポリシーに同意の上、送信してください。

同意して送信すると、Cookieにより当社のWebサイト上における閲覧履歴と個人情報を紐付けて把握、分析する場合があります。

地域ブランドNEWS

Copyright c Brand Research Institute, Inc.